Web Developers: CSS working in Firefox but fails in IE7

[nannynick]

Anyone able to help with getting CSS to work in IE7. Top Right Menu not displaying correctly. Code is here (HTML and CSS currently all in same file)

Fixed it... by using a lot of DIV's.

Anyone use Safari? If so please do take a look and let me know if the menus / layout look odd in any way.

Problem I find with IE is that it's too forgiving of html errors, so it lulls you into a false sense of security.

Can't take credit for the design, that was done by a mumsnetter who does design for a living. I'm just going the coding, as I didn't want it to be lots of small images in big nested tables!

See what you mean regarding the white text when resizing... will have to experiment a bit. At least now that it is mostly all in CSS rather than images, I can play with colours to my hearts content

I'm sure it will be better once you get rid of that table , won't an unordered list (or two) do what you want?

Personally I don't like scroll areas within pages, but it's just my personal opinion - others may like it like that.

yep, kill the table little rabbit.. ..a couple of divs, the first one using float:left will give you the same effect with less markup.. ...every little helps...

Nick, the test page looks fine in Safari 2, IE6/7 Firefox 1.5/2.0.. ...nice work.. ...agree with others about the white text.. .it's also a little hard to read in such a bold font.. ...loving that people are finally dropping tables in favour of css