IE7 плавает и очищает не работает, как задумано

Question

Посмотрите на этот JSFiddle. Я пытаюсь заставить этот макет работать в IE7. Работает во всем остальном. Два плавающих права должны быть рядом друг с другом. Но в IE7 все портится.

Есть идеи по исправлению? Спасибо за помощь.

http://jsfiddle.net/c9Wmx/4/

* обновленная скрипка

http://jsfiddle.net/c9Wmx/5/ <- это работает, но есть ли способ сделать это без использования пустого div? </p>

Answer 1

Вы можете указать ширину .page DIV.как это:

.page{
    width:480px;
    float:right;
}

Answer 2

Смотрите эту обновленную скрипку: http://jsfiddle.net/c9Wmx/6/

Answer 3

если это происходит только в IE, вы можете попробовать добавить в заголовки html-тегов следующее:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">