Почему мои divs не выравниваются горизонтально в Safari?

Question

Хорошо, так что я в настоящее время использую следующий CSS для выравнивания двух дивы по горизонтали:

#main #pnl1   { float:left; margin-right:10px; } 
#main #pnl2   { float:left; padding-left:30px;} 

Теперь, это может быть глупый вопрос, но приведенный выше код работает как в FF и Chrome ... почему бы не Сафари? Я попробовал добавить к ним «display: inline-block» и добавил «float: right» в pnl2, но не работал. Есть идеи?

Answer 1

Вы указали ширину обоих div. Это может быть проблемой.

Попробуйте это:

#main #pnl1{float: left; margin-right: 10px; width: 49%;} 
#main #pnl2{float: left; padding-left: 30px; width: 49%;}