My website, www.mcquistonator.com is a db driven site, and I am having some issues with the main page displaying correctly in any browsers except for IE(8) The problem I am having is that on the first page, there is a division <div class=“main”> that is supposed to encapsulate the other divisions and text on the page. It works in IE, but in google chrome and firefox, it only encpasulates half, and I don’t know whether it has to do with the stucture of my html and division tags, or if it is an issue with my css code. Being as it is a php site, it gets a little tricky with making sure all the tags are done correctly, and having all the closing tags in the right spots. You may be able to see all that you need to using firebug, or let me know if you need to see any parts of the code.
You have floated elements inside #main which means you’re taking them out of the document flow. As #main is not floated, you need a method to contain these elements as they’ll “overflow”.
The simplest method is to add overflow:hidden to #main.
That worked great! Thanks!