Google chrome min-height , height:auto не робит!

[danial72]

#container {
	width:900px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color:white;
	margin: 5px auto 0;
}

<div id="container">

[indent]<div id="header"></div>
<div id="leftmenu">
<div id="logo"></div>
<ul>
<li><a href="index.php">Главная</a></li>
<li><a href="index.php?p=articles">Статьи</a></li>
<li><a href="index.php?p=about">Обо мне</a></li>
<li><a href="index.php?p=feedback">Обратная связь</a></li>
</ul>
</div>
<div id="content">много текста</div>[/indent]

</div>

Не работает в google chrome

В опере работает

В мозиле не работает

Что не так?

Edited August 16, 2011 by danial72

[Softlink]

для html и body указана высота?

[psywalker]

А как должно работать? Цель?

[chiffenok]

аналогичная проблема, код другой конечно но суть такая же, в body (для него работает height:100%) есть wrapper для него такое же свойство не работает его высота захватывает только первый див во wrapper, все это показывает firebug там есть такая синяя подсветка тега, и когда например задаешь цвет бг то блок в одном месте а заливка выше не в том месте

у меня уже была такая проблема но тогда я забила , это был просто тестовый сайт, а щяс важно знать, могу приложить файлы если нужно

Edited August 16, 2011 by chiffenok

[krok]

кто нибудь решил данную проблему с min-height ?

у меня тоже только в опере работает!

[Switch74]

уберите для #container

height:auto !important;
height:100%;

и поставьте для html,body

height:100%;

Edited March 1, 2012 by Switch74