Hi guys, Im hoping a CSS whizz can find an error in this code as I cannot for the life of me work out why content held in the 'main' div is appearing outside / overlapping the edge of the site design? It loads perfectly in Firefox #wrap { width: 820px; background: #CCC url(content.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 0 0 0 5px; display: inline; } Code (markup): Here is an example of the page at fault Any help would be greatly appreciated