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