I'm working on a website for a client of ours and cannot get the site to render properly in IE or Firefox for Windows. If anyone out there could give it a quick test and shoot back some ideas on what might be causing the problem, I would greatly appreciate it. Please note: The site advertises male enhancement products but please don't take this message as spam. Thanks.
In a nutshell you really have to specify dimensions of containers particularly when elements are floated.
The lack of hierarchical structure and relationship between the various elements does not help you contains them.
There is a fundamental reason why you should use at least 4 main containers: #wrapper, #header, #maincontent (which contains page #content, #sidebar and others) and a #footer.
Once you succeed in laying out those main elements (in all major web browsers) then you can start adding child elements to each.