Hjælp til menu links
HejJeg har det problem at når jeg holder musen over mine to links så hopper begge links længere ned på siden. Denne gør den ikke i Chrome. Men i Internet explorer 9
Se her:
http://oi37.tinypic.com/2psm1z6.jpg
Jeg bruger denne meta:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
CSS
.iconlist {
margin: 0;
padding: 0;
list-style: none;
}
.iconlist li a
{
float: left;
background-position: left 5px center;
background-repeat: no-repeat;
padding: 3px 3px 3px 30px;
white-space: nowrap;
border: solid 1px #f5f6f7;
}
.iconlist li
{
float: left;
margin: 0 20px 0 0;
}
.iconlist li .pdf
{
background-image: url(/images/icons/new/new.png);
}
.iconlist li .pdf2
{
background-image: url(/images/icons/new/delete.png);
}
.iconlist li:hover .pdf, .iconlist li:hover .pdf2
{
background-color: #fff;
text-decoration: none;
border: solid 1px #d8d9d9;
}
HTML
<ul class="iconlist">
<li><a href="" class="pdf">Nyt udlån</a></li>
<li><a href="" class="pdf2">Slet udlån</a></li>
</ul>