kod css Opcje

[fraksipon]

Witam , Prosze odpowiedzcie mi na pare pytan
1) Dlaczego w 9 linijce kodu jest dwa razy #menu i jak css to czyta.
2) Dlaczego w 8 linijce opera czyta gif a IE nie
3) Dlaczego w 18-29 linijce jest DIV na poczatku

Dzieki serdeczne

Kod

#menu {float:left;width:190px;padding-left:0px;}
#menu ul {list-style: none;padding: 0;margin:0px 0;}
#menu a{ height:1%;text-decoration:none;display:block;padding:6px 20px;color:#004585;background:url('smenu_ar.gif') no-repeat 170px 50px;}
#menu ul a:hover{background-color:#004585;color:#ffffff;}
#menu ul a.active{background-color:#004585;color:#ffffff;}
#menu ul a:focus{background-color:#004585;color:#ffffff;}
#menu a.sub:hover {background:#004585 url('smenu_ar.gif') no-repeat 170px 50%;}
#menu ul ul a,#menu ul ul a.sub{background:#0a5799;color:#ffffff;}
#menu ul ul a:hover,#menu ul ul a.sub:hover{background-color:#004076;color:#ffffff;}
#menu ul ul li {border-bottom:1px solid #3875a8;}
#menu ul ul ul a,#menu ul ul ul a.sub{background:#004076;color:#ffffff;}
#menu ul ul ul li {border-bottom:1px solid #115893;}
#menu ul ul ul a:hover,#menu ul ul ul a.sub:hover{background-color:#00305a;color:#ffffff;}
#menu a.sub{background:transparent url('smenu_ar.gif') no-repeat 170px 50%;}
#menu li {position: relative;border-bottom:1px solid #EFF2F2;padding:0;margin:0px;}
#menu ul ul {position: absolute;top: 0;left: 100%;width: 100%;}
div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul li:hover ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul ul li:hover ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

Ten post edytował revyag 19.04.2007, 11:37:47

[revyag]

@fraksipon: używaj poprawnego bbcode, do css [CODE]. Tym razem poprawiam Ci.

Co do pytania:

- klasa .sub ma przeźroczysty kolor tła, jako obrazek tła jest ustawiony 'smenu_ar.gif', który nie powtarza się, pozycja tła jest ustawiona na 170px od góry i 50% od lewej