Posted by Simon Dean on 02/03/06 14:35

Hi,

I wonder if someone can help me.

I thought I had it all worked out. I was trying to remove tables and
work with divs, having to rework what I do using more <p> tags, <span>
tags sparingly, <ul> and <li> instead of some tables for generating
menu's for example... trying to make the page accessible for people who
don't want to use styles.

http://simtext.plus.com/test.html

But now I've got a situation where I've been testing in Firefox, now
Internet Explorer won't render properly. When I wave the mouse over a
blank area of the <LI>, ie won't change the mouse over for the <A> tag
like FireFox. I thought it would, I liked how the gamespot website had
their site, and I liked the idea of not using JavaScript.

Unfortunately, the mouseovers don't work consistently between FireFox
and IE, and there's also that huge gap between <LI> elements shown in
IE. For visual purposes I've put a white border around the <A> tag and
it seems to be taking into account the display: block; property, but is
not responding to the hover.

Im confused.

I can't figure out and give in....

Seems like a pretty easy, then suddenly steep learning curve.

I hope it'll get easier again. Can anyone point me in the right
direction as to what Im doing wrong?

Thanks
Simon

[Back to original message]