Вообщем проблема заключается в следующем:

Есть HTML код


и к нему CSS
[CSS]/* CSS Document */

html {
background:url(fon.png);
margin:0px;
text-align:center;
}
body {
padding: 0px;
text-align:center;
margin: 0px;
background:url(fon-image.png) no-repeat center top;
width: 100%;
display: table;
min-height:900px;
}

#container {
width:899px;
min-width:500px;
margin:0px auto;
text-align:left;
}

#logo {
height:83px;
width:300px;
float:left;
}

#top-menu {
height:83px;
margin-left:300px;
}

#description {
height:171px;
}

#top-clear {
height:19px;
background:url(top-clear.png);
}

#content {
float:right;
width:635px;
background-color:#f2f2f2;
height:100%;
}

#sidebar {
margin-right:635px;
background:url(sidebar-fon.png);
}

#bottom-clear {
height:19px;
clear:right;
background:url(bottom-clear.png);
}[/CSS]

Меня интересует следующас часть:
[IMG]http://s41.radikal.ru/i092/1109/05/04ccb7c91b9e.jpg[/IMG]

мне нужно чтобы фон блока "Контент сайта" не обрезался, если в "Навигационном баре" содержимого больше. Чтобы фон дотягивался до конца.

Как решить эту проблему?