Форум hotibo.ru

Здравствуйте, имеется 3 float'нутых блока, ширина каждого 25%, при помещении их в контейнер в 75%, почему-то остаеться достаточно много пустого места в этом 75% блоке, т.е. либо флоатнутые элементы в сумме меньше 75% либо содержащий блок не 75%, а больше. Если выставляю содержащий блок в 50% все становиться на свои места, но ведь на самом деле в этом блоке не 50% а 75%!??? Если же меняю 50% на 40%, то блоки начинаються строиться в два ряда. Интересно что это баг Operы и ИЕ или я что-то не так делаю?
xhtml код:

    

        
Раздел1
        
Подраздел1
        
Подраздел2
        
Подраздел3
    
    

        
Раздел2
        
Подраздел1
        
Подраздел2
        
Подраздел3
    
    

        
Раздел3
        
Подраздел1
        
Подраздел2
        
Подраздел3
    
    

css код

#content{
width: 50%;
margin: 0 auto;
}
    .col{
    float: left;
    width: 25%;
    padding-left: 1em;
    margin-left: 1em;
    list-style-type: none;
        }