Any ideas why this isn't working in IE

theMAD2 · 17 Jul 2006 at 10:52

Always the way :rolleyes:

My CSS rollovers are working in Firefox but not IE. Also if anyone's using any other browsers I'd be interested to see if it's working in them too.

Edit: link removed, all sorted

Each button is supposed to display some text in one of the gray boxes touching it. The text doesn't seem to display at all in IE for some reason.

Any ideas?
Thanks

Six6siX · 17 Jul 2006 at 13:08

Works fine in IE7 Beta 2

benjo · 17 Jul 2006 at 13:09

Works fine in Opera aswell

theMAD2 · 17 Jul 2006 at 13:19

Cool, cheers guys that's handy to know!

So does anyone have any ideas why it's not working in IE6?

I think it might be to do with this bit:

Code:

#iButtons a span {
	display:none;
}

benjo · 17 Jul 2006 at 13:21

I just tried it in IE6 this end, and it was also fine

Augmented · 17 Jul 2006 at 13:45

/edit - ignore, wasn't looking at the right part of the CSS.

theMAD2 · 17 Jul 2006 at 14:25

I just can't get my head around it. If you hover over the links you can see what looks like some of the text at the very top few pixels of the button.

theMAD2 · 18 Jul 2006 at 08:31

Got it working. This did the trick:

Code:

#iButtons a:hover { display: inline-block;}

Not seen the inline-block before, almost contradicts itself surely lol

theMAD2 · 18 Jul 2006 at 15:00

For anyone else who might have strange problems with IE, here's a page which explains how IE renders pages, it's quite helpful. I'll stop talking to myself now

http://www.satzansatz.de/cssd/onhavinglayout.html