Jak dopasować szerokość MENU (CSS)

0

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;
}

0

A tu zobrazowanie mojego problemu:
http://img524.imageshack.us/img524/2403/menuejl.jpg

0

wywal float:left dla ul, przez to nie ma szerokości elementu nadrzędnego. Tło wstaw do ul, a li niech sobie mają tło przezroczyste + hover.

0
nav napisał(a)

wywal float:left dla ul, przez to nie ma szerokości elementu nadrzędnego. Tło wstaw do ul, a li niech sobie mają tło przezroczyste + hover.

Dzięki za podpowiedź!

1 użytkowników online, w tym zalogowanych: 0, gości: 1