[Mediaman_12]

Site CSS

So my daytime job is a web designer using a XP PC (yelch! I get infuriated with it on an hourly basis), I designed the above site and tested in both Firefox and IE on my PC, I also tested it in Safari at work using the excellent iCapture site, great it all works as expected (except a strange ASP bug on some of the pages only in safari though?). Unfortunately I forgot to test it in IE on my Mac at home after work, Big Mistake.
As you can see if you take a look at it in both Safari and IE there are some MAJOR PROBLEMS.

Is there anyone here who can take a look at the CSS and give me some hints on what I can do to make it work in OSX IE.
This is a bit urgent as the site is now live .

[Synotic]

I'm currently away from my Mac for a few more days so I can't commet specifically on IE:mac but I think it may be related to the text size Going up simply one font size (in Firefox on a PC, you can't change the font size in IE) higher seems to completely break the design like you mentioned If this is the problem, the best solution would be to rework the site to be a bit more flexible size wise (might be easier than you think, but it depends). However if you're looking for a quick workaround, using a smaller font size might allow everything to "pop into place". This may or may not be the problem though

[Simon Mundy]

This is as good a link as any:-

http://www.alistapart.com/articles/slidingdoors2/

It looks most certainly like your menu is causing the disruption - check out the css in the sliding doors article and see if that provides any fixes for your problem

The biggest compaint I have with IE for X is that it is infuriatingly picky about clearing floats. I now make sure I have a 'spacer' div or span after each float just to make sure it is properly terminated.

E.g.

Code:
.spacer
{
display: block;
clear: left;
height: 1px;
overflow: hidden;
font-size: 1px;
}

then:-

Code:
<span class="spacer"> </span>

You could put this underneath your menu list without any ill effects, but it may also solve your problem.

[philzilla]

Originally posted by Simon Mundy:
The biggest compaint I have with IE for X is that it is infuriatingly picky about clearing floats. I now make sure I have a 'spacer' div or span after each float just to make sure it is properly terminated.

i've found myself using this in my markup, rather than possibly forget to throw it in my stylesheet:

Code:
<div style="clear:both"></div>