ok.. my hover is working in ff and opera even chrome blablal, however IE is having some problems:
should / is pics:
note: its working fine with divs, but for some reason not with li, but i would like to use a list
most likely the the spaces is caused by the <b> complex, as every space is as one would expect if i remove them.. (but i wont for layout reasons
hover structure:
<div id="tags">
<ul>
<li>
<b class="grey_white_1px"></b>
<a href="">
<span style="float: right;">14%</span>
videos
</a>
<b class="grey_white_1px"></b>
</li>
<li>
<b class="grey_white_1px"></b>
<a href="">
<span style="float: right;">11%</span>
links
</a>
<b class="grey_white_1px"></b>
</li>
</ul>
</div>
involved css:
#tags ul {
list-style-type: none;
}
#tags ul li {
margin: 2px;
display: block;
}
#tags ul li a {
display: block;
color: black;
text-decoration: none;
padding: 2px;
padding-left: 3px;
font-weight: bold;
background-color: #f2f2f2;
}
#tags ul li a span {
color: #808080;
font-weight: normal;
font-size: 9px;
}
#tags ul li a:hover {
background-color: #e5e5e5;
}
.grey_white_1px {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#e5e5e5;
border-left: 1px solid white;
border-right: 1px solid white;
}
maybe one of you is having an idia what could be the problem :]