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


Code:
#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;
}

Any help would be greatly appreciated