bilder link funktioniert nicht

[qlee]

Hi,

ich versuche bilder links in meine navi einzubauen, aber irgendwie klappt es nicht.
HTML-Code:
<div id="nav">
<ul>
<li class="bio">
<a title="bio" href="http://localhost/bio/"></a>
</li>
</ul>
</div>
Code:
#nav{
background:transparent;
font-size:0.9em;
margin-bottom:0;
padding:0;
width:850px;
margin-top:40px;
}

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

.bio {
width:153px;
height:38px;
}

.bio a{
background:url(./images/bio1.png) no-repeat;
width:153px;
height:38px;
}

.bio a:active{
background:url(./images/bio2.png) no-repeat;
position:absolute;
}

also die links sollen nur aus den bildern bestehen und bei active soll das bild ausgewechselt werden. Leider zeigt er mir im moment garnix an.
kann mir irgendjemand bitte helfen?

 

[prm]

Dreh's mal um, also a.bio statt .bio a und weise im HTML-Teil die Klasse .bio nicht li sondern a zu.
Was active betrifft siehe Link der ge

 

[qlee]

funktioniert leider auch nicht.

 

[neuroleptika]

a ist auf display: inline;.
Wenn width und height greifen sollen könntest du z.B display: block; oder float: left; für a notieren.

Nachtrag
Ich würde aber raten a nicht inhaltsleer zu lassen.

 

[Körnerbrötchen]

Wenn width und height greifen sollen könntest du z.B display: block; oder float: left; für a notieren.

Wohl eher beides!?

 

[neuroleptika]

Wozu?
Es ging ja nur darum ein Element ohne Inhalt eine Größe zu geben.

 

[Körnerbrötchen]

Okay, sorry. Vergiss es! Mein Denkfehler. ;)