<ul>: letztes li nach rechts

[molex]

Hallo zusammen

Ich habe folgenden Code:

#navcontainer {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 1px;
    padding-left:5px;
    height: 22px;
    font-size: 11px;
    position: relative;
    border: 1px solid #999;
    list-style-type: none;
    background: #F2F6FA;
}

#navlist li {
    float: left;
    margin-right: 20px;
    padding: 0;
    width: auto;
    display: block;
}

#navlist li a {
    background: #F2F6FA;
    color: #555;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    display: block;
}

#navlist li a:hover {
    border-bottom: 3px solid #82bbe8;
}

#navlist li a#current {
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #fe8101;
}

<div id="header">
    <div id="navcontainer" style="margin-bottom:20px">
        <ul id="navlist">
            <li><a id="current" href="index.php?page=News&amp;subpage=Overview">Newsübersicht</a></li>
            <li><a href="index.php?page=News&amp;subpage=Create">News erfassen</a></li>
            <li><a href="index.php?page=News&amp;subpage=Settings">Einstellungen</a></li>
            <li><a href="../rss/feed.php"><em>zum RSS Feed</em></a></li>
            <li><a href="index.php"><em>Startseite</em></a></li>
        </ul>
    </div>
</div>

Die Einträge stappeln sich ja nun horizontal auf der linken Seite. Nun möchte ich das Startseite <li> ganz auf die rechte Seite des navcontainer.

Jemand ne Idee wie ich das machen könnte? :)

Danke und Gruss

molex

 

[crash]

Dem letzten Element eine ID geben und nach rechts floaten, statt links, ist keine Option?

 

[Asterixus]

Oder :last-child benutzen.

Noch was:

-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;

=

    -moz-border-radius: 5px;

Würde außerdem die CSS3 Eigenschaft benutzen (border-radius:5px;) und die KHTML-Variante (-khtml-border-radius:5px;)

 

[crash]

:last-child geht allerdings nicht im IE6.