.leftCol {
margin:0;
padding:0;
width:475px;
float:left;
}

.rightCol {
margin:15px 0 0 25px;
padding:0;
width:250px;
float:right;
text-align:left;
}

to

.leftCol {
float:left;
margin:0;
padding:0;
width:475px;
}

.rightCol {
float: left;
margin:15px 0 0 25px;
padding:0;
width:250px;
text-align:left;
}

Why worry about getting things looking right for a browser which has such a small market share on, though I hate to admit it, a very small installed base?? And of that installed base, how many will actually be using IE 5 on OS X, the OS 9 versions are actually better?

on another note, it’s always worth floating div’s the same way, even if they are to sit next to each other (one on the left, one on the right) - this way you can use clears without interferring with the columns.

j

Hmm, yeah. However, it only occurs when I push the font size up.

What’s the logic of floating the wheelchair image div left, then
floating the sidebar right, then floating the rest of the content left?
Why not have all the LHS content in a single div (floated left) then
the sidebar with a margin-left defined? That way you wouldn’t encounter
the issue, methinks.

Another IE5 gotcha is that if you have line-breaks in the code, then IE
assumes that the items do not sit side-by-side, but that there is a new
line. Crazy, I know, but that’s the way it is, IME. Mac IE5 requires
(pseudo-code):

….

Left content, where you *can* have line-
breaks, but then the following tags…

…must be on the same line.
Sidebar content

….

Someone correct me if I’m wrong, but I’ve found this to solve a lot of
Mac IE5 weirdness.