wa9578 - 12:40 pm on Feb 24, 2011 (gmt 0)

Suzy... thanks as always... so...

basically if I did this... it would work (obviously missing other headings in each li)


<li>downloads
<ul>
<li>
<a href="avirusurl">AntiVirus<span>anti virus blah blah blah <img src="imgurl" height="100px" width="100px" ></span></a>
</li>
</ul>
</li>
<li>Affiliates
<ul>
<li>
<a href="pdurl">pd<span>pd blah blah blah <img src="imgurl" height="100px" width="100px" ></span></a>
</li>
</ul>
</li>


Am I right with that bit? I'm not going to lie, I've not tried it as my hard drives at home and so not got it all to play with. Just trying to see if I got my head around the theory :), also apologies about all the space and bad use of space, it's just how I set it out so I can see things easier.

If doing it like that do I have to add in the css you used?

a {position: relative;} a span {display: none; position: absolute; width: 100px; height: 100px; background: #dad;} a:hover span {display: block;}

Or will it work fine without?

Am I right editing the image size in the <span> or is that what

a span {display: none; position: absolute; width: 100px; height: 100px; background: #dad;}

is dealing with (or is the the whole span (my guess is whole span but learning so confirming :))