hoppende block
Jeg har lavet en menu, hvor menupunkterne ved hover skal ha' ændret baggrundsfarven. Jeg benytter block til at sikre mig, at baggrundsfarven fylder det hele.Problemet er at menuen hopper, når man holder musen over et menupunkt (dog ikke det sidste).
Se evt. http://www.klinting.dk/css_problem.html
--- [kode] ---
<style type="text/css">
body {
background-color:#004D88;
margin:10px 10px 0px 10px;
padding:0px;
}
div#leftcontainer {
width:167px;
border-right:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #fff;}
div#leftmenuitems {
font:bold 12px verdana;}
div#leftmenuitems a {
color:#fff;
text-decoration:none;
line-height:18px;
padding-left:5px;
letter-spacing:1px;}
div#leftmenuitems a:hover {
background-color:#1D71AC;
display:block;}
</style>
<body>
<!-- LEFTMENU PUNKTER -->
<div id="leftcontainer" align="left" style="background-color:#004D88;">
<div id="leftmenuitems">
<a href="#">Interviews</a>
<br><a href="#">Artikler</a>
<br><a href="#">Referater</a>
<br><a href="#">Galleri</a>
<br><a href="#">Presseklip</a>
<br><a href="#">Lokalafdelinger</a>
</div>
</div>
</body>
--- [/kode] ---
