Как исправить ошибку Internet Explorer 7 при использовании ширины в процентах для макета?

Пожалуйста, помогите мне в этом. Мне нужно создать макет, используя ширину в процентах. У меня есть обертка шириной 100%.

Теперь у меня есть DIV (основная обертка. Я хочу, чтобы она составляла 94% ширины. 94% от 100% тела). Ладно, хорошо

Так что, чтобы сделать это просто .->

 КОРПУС 100% ширины

-> КОНТЕЙНЕР 94% ширина

---> ПЕРВЫЙ РЕБЕНОК DIV 70% поплавка слева (70% КОНТЕЙНЕРА)

---> ВТОРОЙ РЕБЕНОК DIV 30% с плавающей точкой справа (30% от КОНТЕЙНЕРА)

Но у меня есть 2 равных столбца под FIVST CHILD DIV

-----> 50% и 50% процентная ширина

Ошибка заключается в том, что в ie7 .. последний столбец отображается внизу .. он не перемещается должным образом. Если я уменьшу ширину до 29,9% !!! это работает .. я думаю, что ie7 имеет ошибку в обработке процентной ширины или что-то .. Пожалуйста, уточните это. Я надеюсь, что вы получите проблему, потому что CSS / HTML слишком долго .. Я просто надеюсь, что это общая проблема .. :(

Вот CSS для этого DIV. Надеюсь, это поможет :)

body {
width: 100%;
background: #fff;
text-align: center;
font-size: 12px;
}

#wide-primary {
background: #fff url(img/shadow1.png) repeat-x top;
position: relative;
top: -1px;
}

#primary {
width: 94%;
margin: 0 auto 0 auto;
text-align: left;
}

#features {
float: left;
width: 70%;
padding: 2% 0 0 0;
}

.featurebox {
float: left;
width: 48%;
padding: 0 2% 3% 0;
}

#lastnews {
float: right;
width: 30%;
padding: 2% 0 2% 0;
}

Ответы на вопрос(4)

Ваш ответ на вопрос