CSS - Podmenu - jak ustawić linki po lewej stronie

[allexxiaa]

Kod html

Kod:

<div id="nav">
                <ul>
                    <li><a href="#" class="dol">Strona główna</a></li>
                    <li><a href="#" class="dol">O sobie</a></li>
                    <li><a href="#" class="dol">Linki</a></li>
                    <li><a href="#" class="dol">Koty</a></li>
                    <li class="active"><a href="#">Psy</a>
                    <ul class="top">
                            <li><a href="#">Doberman</a></li>
                            <li><a href="#">Collie</a></li>
                            <li><a href="#">Husky</a></li>
                            <li><a href="#">Spaniel</a></li>
                            <li><a href="#">Bokser</a></li>    
                    </ul>
                    </li>
                </ul>
    </div>

css:

Kod:

#nav ul li {
    float: left;
    list-style-type: none;
}

#nav ul a.dol{
    width: 107px;
    display: block;
    text-decoration: none;
    text-align: center;
    background: yellow;
    margin-right: 5px;
}

#nav ul li.active a {
    width: 80px;
    display: block;
    text-decoration: none;
    text-align: center;
    background: blue;
    color: black;
}


#nav ul ul.top li a {
    width: 90px;
}

Ten kod wygląda: http://img339.imageshack.us/i/menumq.jpg/

Jak ustawić, żeby linki "Doberman", "Collie" i itd były po lewej stronie?

[Filuper112]

Ale jak po lewej stronie? Calkowicie pod spodem "strona glowna" itd?

[allexxiaa]

Tak...

[Filuper112]

sprobuj nadac dla .top{ float:left } Ale nie jestem pewien

[allexxiaa]

Nie udało się ustawić na lewą stronę za pomocą .top{float:left;}

[Kartofelek]

#nav {position:relative; ...+ reszta dla #nav}

#nav ul li ul {display:none; }
#nav ul li:hover ul {display:block; position:absolute; top:.........tutaj wysosc menu.........px; left:0; width:100%;}

+ cała reszta

top = wysokość menu
#nav ul li - to nie może mieć position:relative; więc sprawdź czy nie ma