Witam, mam sobie CSS, mam poziome menu...Kod poniżej działa w Firefoxie, menu rozciągnięte jest dobrze - na długość diva "Glowny"...Natomiast w IE menu sie skraca tak, że z prawej strony zostaje wolne miejsce...jak zrobić, żeby menu zawsze i w każdej przeglądarce było rozciągnięte na długość diva "Glowny"? Dziękuje i pozdrawiam
body{
background-image: url(../Obrazy/Tlo_strony.png);
background-repeat:repeat;
background-attachment:scroll;
text-align:center;
margin:0 auto;
}
#Gorna_stopka{
width:auto;
height:45px;
padding:0;
z-index:2;
background:url(../Obrazy/Pasek.png) repeat-x scroll 0 0;
color:white;
text-align:right;
margin-top:0px;
}
#Pokaz {
position:relative;
width:840px;
padding:0;
margin:0 auto;
clear:both;
display:block;
height:230px;
text-align:center;
z-index:2;
}
#Glowny{
position:relative;
width:840px;
padding:0;
margin:0 auto;
height:600px;
z-index:2;
background-color: white;
/*background:url(../Obrazy/Glowne_tlo.png) repeat-x scroll 0 0;*/
}
#Menu{
position:absolute; left:0px;
display:block;
width:840px;
height:auto;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float:left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("../Obrazy/tlo.gif") repeat-x center;
color: #fff;
padding: 10px 39px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
background-image: url("../Obrazy/tlo2.gif");
}
#Dolna_stopka {
position:relative;
clear:both;
text-align:left;
font-style:normal;
font-size:small;
font-family:Times;
color:white;
margin:auto;
width: 840px;
background-color: #236;
}