habe alles so gemacht wie du es gesagt hast. trotzdem richtet der IE die grafiken ca 1 cm höher aus. weiterhin sind sie auch nicht ganz links wie von mir gewünscht. außerdem sehe ich die grafiken nur zur hälfte es sei denn ich verändere die schriftgröße????
Code:
#wechsel1 a {
background: url(../pics/startseite.jpg) left no-repeat ; text-decoration:none;
}
#wechsel1 a:hover {
background: url(../pics/startseitehover.jpg) left no-repeat;
}
#wechsel2 a {
background: url(../pics/referenzen.jpg) left no-repeat; text-decoration:none;
}
#wechsel2 a:hover {
background: url(../pics/referenzenhover.jpg) left no-repeat;
}
#wechsel3 a {
background: url(../pics/preise.jpg) left no-repeat; text-decoration:none;
}
#wechsel3 a:hover {
background: url(../pics/preisehover.jpg) left no-repeat;
}
span.wechsel {
visibility: hidden;
}
ul{
list-style-type:none;
}
li{
display:inline;
min-width: 240px;
height:35px;
}
div#navmain {
width : 763px;
height : 35px;
padding : 0;
background : #fff;
}
<body>
<div id="wrapper">
<div id="head"></div>
<div id="navmain">
<ul>
<li id="wechsel1"><a href="#" ><span class="wechsel">Startseite</span></a></li>
<li id="wechsel2"><a href="#" ><span class="wechsel">Referenzen</span></a></li>
<li id="wechsel3"><a href="#" ><span class="wechsel">Preise</span></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
was mache ich da falsch?