Фон на весь экран

<div id="main">
<div id="sidebar">Тут левое меню
</div><div id="content">
Контент</div>

</div>

В css для дива main прописан фоновый рисунок (#main{
background:url(../img/fon.jpg)
}). В других дивах фон не прописан. Почему фон отображается только по высоте содержимого <div id="content">, независимо от высоты <div id="sidebar"> ?

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

danteee (25 Января 2011 / 09:49)
если надо фон на весь экран, то в первый пункт ксс влепи бекгроунд имейдж урл

Тоже самое получается

Добавлено через 02:01 сек.
Мне нужно, чтобы фон был либо по высоте <div id="sidebar"></div>, либо по высоте <div id="content"></div>, в зависимости от того где больше материала

html { height:100%; background: url(/fon.png) }
так попробуй

А может проблема просто в том, что диву #sidebar присвоено float?
После блока с контентом попробуй написать


<div style="clear: both;"></div>

dekameron (26 Января 2011 / 13:06)
А может проблема просто в том, что диву #sidebar присвоено float?
После блока с контентом попробуй написать


<div style="clear: both;"></div>

спасибо!