css alert box help

Hi everyone I found this useful alert box on this site (rollover A Pop-up!!):
http://www.cssplay.co.uk/menu/alert.html#nogo

I am trying to change the span tag to a div because I have added an OL / LI inside the span tag and I have been told I cant use an OL and LI's within the span tag so I need to change the span to a div.

This is where I am testing this div alert pop up (rollover Need Help? to see the alert box effect):
http://www.newmedia.lincoln.ac.uk/jecgardner/tests/test.html

Now that I have changed the span to a div I am experiencing some problems. The first problem is that it won't even work in IE6 any more? The other obvious problem is that the text that should be inside the alert box displays on screen underneath Need help? and then it disappears when you roll over Need help?

I am testing this in FF, IE6, IE7 and Opera.

Please can someone help me fix this so it works in all browsers?

One problem I see is that you have changed the span to div in the html, but not in the css.

The hover effect only works on an anchor element in IE6, and you have removed the <a> tag on your example. Good thing, since you can't put a div inside <a> tags; bad thing if you want the hover to work.

Gary