CSS layout problems in Explorer (fine in Firefox andSafari)

[Benfrain]

I am working on a CSS site (my first!) here [url]www.benfrain.com[/url]

It appears fine in Firefox (PC and Mac) and Safari (mac) but when I view it in
Explorer for Mac (5.2.3) I get a over long page and I get no auto margin on the
left.

Another small curiosity - I have noticed that my background image on my div id
"header" seems to start off again on the right. Again, Explorer 5.2 for mac
only...

My html and css both validate.

Anybody know why this is happening?

[Claudia Ringwald]

Benfrain wrote:

> I am working on a CSS site (my first!) here [url]www.benfrain.com[/url]
>
> It appears fine in Firefox (PC and Mac) and Safari (mac) but when I view
> it in
> Explorer for Mac (5.2.3) I get a over long page and I get no auto margin
> on the left.

The Explorer does not know what margin:auto means (only now the new IE 7 is
working properly with this).

A simple workaround is to give the html and body-element a text-align:
center

And then have a div, that wraps around all content on this site and attach
to make this text-align:left

Keep the margin for left and right as auto for firefox and all the other
browser that support this properly.

Claudia