Firebug показывает, что стиль:
#summary-border {
background:url("/images/gamma/backgrounds/product.gif") repeat-y scroll right bottom transparent;
border-color:#D0D0D0;
border-style:solid;
border-width:0 1px 1px;
display:inline-block; /* this one is shown to be overridden */
overflow:hidden;
}
Но вычисленный стиль показывает border-right-width
как 1.1px
!?!?(border-left-width
также)
( Обновление: мой коллега только что сказал мне, что это происходит только на Firefox на Mac, но не на Linux или ПК. И Firefox, который я использую, являетсяпоследний из них: Firefox 3.6.11)
Это не проблема, за исключением того, что ширина этого div теперь увеличивается до 957.8px вместо 958px, а другим плавающим divам нужно 958px, поэтому большая панель может 't float (из-за того, что он на 0,2px короче, чем нужно, и этот div заключен в другие плавающие div)
(подробнее:)
Исходный код в файле css:
#summary-border {
overflow: hidden;
display: inline-block;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #d0d0d0;
background: transparent url("/images/gamma/backgrounds/product.gif") repeat-y bottom right; }