[HTML][CSS] Szerkosc środkowego diva Opcje

[-po-]

Mam problem ze środkowym divem:

[HTML] pobierz, plaintext 
<div id="content">
<div class="top_navl">&nbsp;</div>
 
<div class="top_navc"><ul class="left">
		text 	text 	text 	text 	text 	text 	text 	text 	text 
</div>
<div class="top_navr">&nbsp;</div>
 
</div>
 
 
 
#content {
width: 100%;
margin: 0 auto;
text-align: center;
border: 1px solid #CCC;
min-width:790px;
max-width:1100px;
display: block;
}
 
div#content{width:expression(document.body.clientWidth < 770? "768px" : document.body.clientWidth > 1110? "1100px" : "auto");}
 
 
.top_navl {
background: url('images/ms_01.gif') top left no-repeat black;
width:16px;
height:40px;
display: block;
border: 1px solid #ccc;
float: left;
}
 
.top_navr {
background: url('images/ms_06.gif') top left no-repeat black;
width:16px;
height:40px;
border: 1px solid #ccc;
float: left;
}
 
 
.top_navc {
background: url('images/ms_02.gif') left top repeat-x blue;
color: #fff;
font: 11px tahoma, arial, sans-serif;
vertical-align: top;
text-align: left;
border: 1px solid #ccc;
float: left;
height: 40px;
min-width: 768px;
width: 100%;
}
[HTML] pobierz, plaintext 

Problem polega na tym że jak ustawie dla top_navc szerkosc w procentach, boczne divy wywala na dół.
Chcę żeby topnavc był szeroki na całą szerokość strony

Mam jeszcze pytanie dotyczace rozdzielczości. Jak wiadomo funkcjonuje max - min width, tyle ze IE nie czyta tego. W jaki inny sposób mogę ustawić szerokość strony pod konkretną rozdzielkę ekranu?