This website looks perfect in Firefox (Mac and PC). I made two "columns" with the first one being for the logo on the left. The content is on the right. Two of the three pages also have a picture floated to the right.
In IE6, the entire content within the border has shifted over to the right (the 1px border does not shift). The text now wraps under the logo (in Firefox it doesn't, which is what I intended).
Tried several changes, with the floats, padding and margin, though obviously I haven't found the right combination. If anyone can spot an error, I'd be most grateful:
What about adding
What about adding width:100%; in #content to set hasLayout?
That was a pretty good idea,
That was a pretty good idea, thanks! I had to make the width 99% or the borders didn't connect at the top right corner. Not sure if that will effect anything else.