[SOLVED]poziome menu, tło pod elementem Opcje

[matiit]

Kod

<div id="menu">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a><li>
</ul>
</div>

Kod

#menu {
     background-color: orange;
     margin: 0 auto;
     border: 2px solid black;
     -moz-border-radius: 10px;
     border-radius: 10px;
     font-family: monospace;
     font-weight: bold;
     letter-spacing: 0;
     height: 32px;
     width: 100%;
     overflow: visible;
     }
#menu ul li {
     float: left;
     margin-right: 15px;
     margin-left: 10px;
     padding: 8px;
     }

#menu a:hover {
     color: red;
     text-decoration: underline;
}

i chcę dodać aby po najechaniu (a:hover) tło pod przyciskiem było jakiegoś koloru.
Dodanie #menu a:hover { background-color: gray; } daje tylko tło "tekstu". A ja chcę tło całego przycisku, od dolnej krawędzi div'a o id menu do górnej...

Ten post edytował matiit 1.08.2009, 23:01:45

[Daiquiri]

[HTML] pobierz, plaintext 
#menu li:hover {
background-color:red;   }
[HTML] pobierz, plaintext 

Ale to nie będzie działało prawidłowo pod IE 6 - jeżeli zdecydujesz się na to rozwiązanie hack na to jest tutaj

[matiit]

Już jest lepiej, ale jeszcze nie tak jak chcę;/
Szczerze to internet explorer mnie nie interesuje bo to będzie strona postawiona w sieci domowej do zarządzania...nieważne, ważne że w całym domu nie ma zadnego IE.
Wygląda to tak: http://images39.fotosik.pl/169/5b4bd729a64aa619.jpg
Ok poradziłem sobie. Winny był padding.

Ten post edytował matiit 1.08.2009, 23:01:19