Ошибка с плавающей запятой в хроме? 1px дополнительного отступа, но это не отступ

Следующие html и css показывают два элемента div внутри контейнера. Левый div не плавает; правый div плавает правильно.

Правый div кажется слишком узким на один пиксель, и поэтому красный цвет фона контейнера просвечивает в этом промежутке в один пиксель.

Это упрощение моей проблемы. http://jsfiddle.net/XPd9J/

HTML

 

CSS

.inner-wrapper {
    position:relative;
    background-color:red;
    overflow:auto;
    width:90%;
    padding:0;
    margin:20px 0 0 20px;
}
.right-sidebar {
    position:relative;
    width:40% !important;
    background-color:lime;
    float:right;
    margin:0;
    padding:0;
}
.content {
    position :relative;
    width:60%;
    background-color:silver;
    margin:0;
    padding:0;
}
​

10
задан animuson 27 March 2012 в 18:14
поделиться