две фиксированные позиции div и поплавок без процентной ширины, но не работают в IE6

Question

i'm Извините за плохое английское письмо :) Я пытаюсь поплавать два div бок о бок, это положение исправлено, я не хочу использовать процент для их, этот код хорошее шоу для всех браузер, но есть 6 не работает

HTML

<div class="right"></div> 
<div class="top"></div> 
<div class="main"> 
    <div class="content"></div> 
</div> 

CSS

body{ 
margin-top: 0; 
padding: 0; 
width: 100%; 
height: 100%; 
position: relative; 
} 
.right{ 
    width: 200px; 
    height: 100%; 
    float: right; 
    position: fixed; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background-color: #ccc; 
    z-index: 5; 
} 
.main{ 
    position: fixed; 
    float: right; 
    height: 100%; 
    right: 200px; 
    left: 0; 
    bottom: 0; 
    top: 50px; 
    background-color: red; 
    display: inline; 
    z-index: 1; 
} 
.top{ 
    position: fixed; 
    float: right; 
    right: 200px; 
    left: 0; 
    bottom: 0; 
    top: 0px; 
    background-color: yellow; 
    clear: left; 
} 

Answer 1

IE 6 имеет двойной запас по выпуску флоат как explai определяется здесь: http://www.cssnewbie.com/double-margin-float-bug/#.Uoo6xflgfTQ

добавить

display: inline; 

ваших плавающих элементов, чтобы исправить это.

Однако в вашем коде, я видел, как вы используете как поплавки и положение: исправлены так,

вы можете удалить все поплавки вообще и он будет решать вопрос без изменения макета.