views:

28

answers:

1

I have a menu which has links with icons. The icons doesn't show up until i hover over it. The icons are set as background images.

When i see in the fiddler the request for the image happens only when i hover over the link

HTML:

<div style="display:none" id="menu"> 
<a href="test.htm"><span class="wicon"/>Test</a> 
</div> 

CSS:

.wicon { 
background:url('icons.png') no-repeat; 
width:17px; 
height:16px; 
display:inline-block; 
vertical-align:text-top; 
}
A: 

Can you post the relevant CSS and HTML so we can have a look please??

Rizzlar
.icon { background:url('s/a/mlh.png') no-repeat; margin:0 0 0 .53em; width:17px; height:16px; display:inline-block; vertical-align:text-top;
The code is simple. I have a div with display:none and make it display:block on clicking the link. The div has links inside it and the link has <span> tag with image set from css. The image olny shows up when i hover over the link not when i open the dic by clicking the link.