more problems with div layers

here's some sample code:

<div style="position: absolute; z-index: 10; visibility: hidden; top: 0; left: 0;" onMouseover="popUp('anotherDiv');" onMouseout="hideAllPopups();">
<b>Title</b><img src="../images/im.bmp" onClick="hideAllPopups();">
<a onMouseover="popUp('name');">Popup</a>
<a onMouseover="popUp('name2');">Popup</a>
<b>******</b>
</div>

i am extremely confused. first of all, the image im.bmp, which is about 10x10 pixels, gets displayed on the next line after "Title", but if i put the image before the text, they display on the same line. second, the two instances of the word "Popup" display on separate lines. there are -no- <br> tags here anywhere. wtf?

I have no idea. However, instead of having an <A> tag without an HREF, try adding HREF="javascript:return=false;".

Also, I would covert the .bmp to a .gif or .jpg. I don't know if IE displays it natively, but in Netscape you need a plug-in to display it.

In the DIV code, you have "visibility: hidden;". Are you seeing this with that attribute set or is that a mistake?