IE6 adds margin around div

[KevinCB]

Hi,

Why is it that IE6 seems to add a top and bottom margin around one of the divs on my page?

Here is an image showing what I mean. In FF however, it works perfectly fine.

Link to webpage here.

Here is my CSS:

body {
	margin: 0 20px;
	padding: 0;
	}

#left {
	position: absolute;
	left: 20px;
	width: 200px;           /* LC width */
	}

#content {
	clear: both;
	overflow: hidden;
	margin-left: 201px;
	margin-right: 176px;
	margin-top: 0;
	margin-bottom: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
*html #content {
	top: 113px;
	}

#menu {
	padding: 0;
	margin: 0;
	font-weight: bold;
	}

#right {
	position: absolute;
	right: 20px;
	top: 131px;
	width: 175px;           /* RC width */
	}
*html #right {
	top: 113px;
	}

#footer {
	clear: both;
	}

#topnav {
	height: 25px;
	}

Also, could someone check this in IE7, would like to know how it looks in that.

Thanks

 

[ChrisB]

Opera does the same as IE....
http://www.upit.co.uk/Images/02032007/ocuk_opera.jpg

Edit, well actually slightly different to the nav on the right....

 

[Sic]

one thing i always add to my CSS at the start is

* { margin: 0; padding: 0; }

tends to solve most problems like this...might work for you