display problems in explorer

[stevex]

Can anyone, please, help?
Im new to this forum, these pages work fine in Firefox and some versions of IE

1) www.tlbb.co.uk/home.html : the underline in the nav appears above text !!!

2)www.hurdrolla nd.co.uk/1796j.html : text in the span doesnt appear on rollover in IE6.0

Many thanks, cheers, Steve

[drhowarddrfine]

My Windows box is unavailable but does removing the span from the CSS make it work, at least partially, in IE? It may be because :hover only works on the <a> element itself in IE6 while modern browsers can handle hover on any element.

The first problem I haven't looked at yet.

[stevex]

Thanks, but....
the span is essential, yes the javascript rollovers alone work fine in all browsers.
The css spans work fine in the first example apart from the incorrect underline.
There is also the added behaviour so the hover should work.(?)
Im completely puzzled as to why one works and the other doesnt.
Many thanks, Steve

[drhowarddrfine]

Because IE is an antiquate, buggy non-standard browser. In your CSS, do this instead. span a:hover... and in your html <span><a href=....

No matter how important is, IE won't cooperate the way you have it.

btw, you have 73 html errors.

[drhowarddrfine]

In the first problem, the span or the image is getting in the way of the <a>. You also have 24 html errors on that page.

[stevex]

Can you be more specific, please re html errors?
If the<span tag goes outside/before <href> then both the <img> and the text will be inside the tag! So that wont work.Thanks anyway, Steve

[drhowarddrfine]

I'm leaving for the day. Validation for the errors. See the Article above.

[tburger]

Steve-

The layout of the page looks sharp. Just to let you know, you're also running fine in Camino, an open source Mac browser.

What version of IE are you suffering with?

Tom

[stevex]

Thanks, Tom. It wasIE7 causing grief, but now sorted.
Glad someone else uses the Mac and open source.
Cheers, mate, Steve

[stevex]

Thanks for the comments on validation.
Even the header doesnt validate.!!!!!
Can you advise of another way to achieve that disjointed rollover in css without
the span within the a tags? I cant. Javascript is an option but a backward step.
Maybe W3C aint perfect either?Just a thought.Not a perfect world.
Grateful for your assistance.Stev e

[drhowarddrfine]

CSS works fine. It's not the W3C fault. After all, it appears to work everywhere except IE. So it's Microsoft's fault for not following the standards. Don't use IE.

I'll try and look at fixing your menu but I'm sure you know I have work to do, too.

[stevex]

Oooops, sorry, really value your assistance.
I've sorted the IE issue, its validation i have issue with.( im not alone).
As i said even the head doesnt validate and i didnt invent that span technique.
When you have the time and inclination happy to discuss.
Thanks, Steve