Webmaster Forum / HTML, CSS, Scripts / CSS / January 2005

I'm currently taking first steps to move from using tables for layout to
pure CSS - mostly going well until I've hit a problem with IE 5 on the Mac.
I realise there are a number of problems and workarounds for this browser,
but can't solve this one.

Here's the page: http://outset.hostinguk.com/default2.asp - works fine in
most browsers, but on IE/Mac the content clears the navigation and starts
below it, when it should run to the side.

Here's a direct link to the stylesheet:
http://outset.hostinguk.com/style.css, plus an extract of the relevant part:

body {
background-color: #FFFFFF;

color: #000000;

margin: 20px 20px 20px 20px;

}

#logo {

float: left;

width: 210px;

margin-right: 25px;

}

#title {

float: left;

margin-left: 28px;

width: 510px;

}

#leftnav {

clear: both;

float: left;

margin-left: 80px;

margin-right: 25px;

display: inline;

}

#content {

float: left;

width: 480px;

}

#footer {

clear: both;

width: 510px;

margin-left: 266px;

padding-top: 10px

}

Many thanks in advance to anyone who is able to take a look at this and
suggest a solution.

Andy