Liste mit zwei Elemente, doch einem Link ...!

[Oliver Weibel]

Hallo zusammen

Ich bin echt am verzweifeln. Bin an einer Seite mit CSS 2.1 und muss diese mit nur diesem aufbauen, also nix Tabellen usw.
Da stosse ich nun an eine Grenze meines Wissens und hoffe auf Eure Hilfe:

Bei der Navigation hab ich nicht nur n Text, welcher eingerückt ist, sondern auch noch eine zusätzliche Navigationshilfe, welche bei der TopLevel erscheint. Nun wollte ich diese zwei Dinge in zwei Elemente packen. Den Text in die <li> Liste und das Element in eine Class. Doch elider funktioniert der Link nur auf den Text und das Element erhält keinen Link, obwohl dieser ganz aussen steht ...

Hier noch etwas Code:

Das CSS:
ul#1level {
list-style: none;
    margin: 0 0 0 -25px;
}

ul#1level li {
    list-style: none;
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #767676;
    border-bottom: 1px solid white;
}

ul#1level .doppel {
    list-style: none;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
    margin: 0 0 0 -15px;
    color: #ffffff;
    width: 15px;
    background-color: #767676;
    border-bottom: 1px solid white;
}

ul#1level a {
text-decoration: none;
    display: block;
    color: ffffff;
    background-color: #767676;
    padding-bottom: 2px;
    padding-top: 2px;
}

ul#1level a:link {
    background-color: #767676;
}

ul#1level a:visited {
    background-color: #767676;
}

ul#1level a:hover {
    background-color: #E30074;
}

ul#1level a:active {
    background-color: E30074;
}

Und wie es in XHTML eingebunden ist:
<div id="Navigation">
<ul id="1level">
  <li><a href="#"><font class="doppel">::</font>Mein Inhalt</a></li>
</ul>
</div>

Danke für jede Hilfe.
Gruss
Oliver