Проблем с разместване на елементи ?

[confiscate]

Здравейте ,
Имам следното питане: Искам да позиционирам два дива един до друг и правя следното:

<div id="container">
    <div class="left"></div>
    <div class="right"></div>
</div>

[css]
#container {
Width:980px;
height:100%;
overflow:hidden;
}

.left {
width: 490px;
height:100%;
float:left;
}

.right{
width: 490px;
height:100%;
float:right;
}
[/css]
До тук всичко добре , но когато в единия от двата дива има повече информация , примерно в едния има 5 параграфа в другия 7 , тези 2 параграфа повече от единия при по-малки резолюции отиват наляво или надясно и се разместват. Сложа ли обаче над двата дива left и right други два дива , като тяхни родители и им задам height:100% , проблемът се решава. Не мога да разбера защо не може без тях . Може ли да ми кажете ?

Благодаря предварително за помощта

Поздрави !

 

[IvanAdamov]

аз не мога да разбера какво точно трябва да се случва при по-малка резолюция? Какъв искаш да е резултата?

 

[confiscate]

Оправих се. Аз съм бил сбъркал малко. Все пак благодаря за вниманието.