[CSS] Konflikt stylów...

[Toman87]

Spróbowałem w ten sposób co napisałeś powyżej.
Ogólnie to wszystko jest na swoim miejscu, ale styl pierwszego menu, został znowu "przejęty" przez styl drugiego...

Kod:

<div id="MENU_POZIOME">
<link rel="Stylesheet" type="text/css" href="style/szablon.css" />
    <ul>
    <li><a href="podstrony/bestiariusz.htm">Home</a></li>
    <li><a href="podstrony/bestiariusz.htm">Kontakt</a></li>
    <li><a href="podstrony/bestiariusz.htm">Pliki</a></li>
    </ul>
    </div>

W identyczny sposób jest dla MENU_PIONOWEGO. Natomiast kod w index.htm wygląda następująco:

Kod:

#MENU_POZIOME {
    margin-left: 153;
    width: 500;
    height: 25;
    filter: Alpha(Opacity = 65, Style = 0);
    background-color: #000;
}

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("../grafiki/menu_poziome/tlo14.gif") repeat-x center;
    color: #fff;
    padding: 10px 20px;
    border-right: 1px solid #fff;
    border-right: 1px solid #fff;
}

                 ul a:hover {
    background-color: #800;
    background-image: url("../grafiki/menu_poziome/tlo24.gif");
}

Podobnie jest dla MENU_PIONOWE tylko troszkę inna wizualizacja.

Jakieś pomysły?

---