如何获得悬停时的实际DOM CSS宽度？

当我必须将鼠标悬停以使事件发生时，如何展开以查看计算出的宽度？每当我将鼠标悬停在菜单中的链接上时，宽度将从270像素更改为850像素，并将整个菜单从重击中抛出。如何获得悬停时的实际DOM CSS宽度？

但我无法确定是什么CSS样式元素导致这种转变，因为我必须将鼠标悬停在链接上，并且没有办法展开计算样式以查看是什么导致了这种情况。

我尝试使用标签和箭头键，认为这将循环浏览Chrome的UI元素，但没有运气。有任何想法吗？

Chrome Developer Tools

BTW：菜单是由第三方工具，我裹在asp.net创建。下面是受着创建的元素：

<td emtype="c" colspan="2" class="ParentItemContentCell"><a href="/Admin/Default.aspx?p=9">Admin Home</a></td>

而这里的CSS代码，如果你要不要看：在风格

.ParentItemContentCell 
{ 
     width:100%; 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #FFFFFF; 
    text-align: center; 
    white-space: nowrap; 
} 
.ParentItemContentCellOver 
{ 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #361A53; 
    text-align: center; 
    white-space: nowrap; 
    width:100%; 
} 

.ParentItemContentCellOver a 
{ 
    font: 12px Tahoma; 
    text-transform: uppercase; 
    color: #361A53; 
    text-align: center; 
    white-space: nowrap; 
    width:100%; 
    text-decoration:none; 
}

来源

2013-03-09 Webmentorman

通过右键单击在检查HTML视图的元素，你可以强制状态改变（：积极，：悬停等）。然后您可以使用它进一步调试。另外，如果没有看到更多的HTML或者指向你的页面的链接，我们很大一部分人将很难调试你的代码。 – Daedalus 2013-03-09 04:46:03