[thelist] IE6 Comment Padding Bug

[Red Wolf @ Whitewolf]

I figured out what was causing the weird duplication / padding bug I've 
been getting with IE6.

I'm using nested DIVs and commenting them for ease of use. The comments 
used within the main DIV were causing the padding, as for the 
duplication, that's up to Microsoft to figure out.

Jodi Red Wolf

Code follows:

< style >
/* Centre everything */

body {
	text-align : center;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 10px;
	margin-left : 0px;
	background-color : #fff9f2;
	color : #000000;
	font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size : 11px;
}

div {
	font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size : 11px;
}

/* Header positioning */

#header {
	width : 300px;
	margin-right : auto;
	margin-left : auto;
	margin-top : 10px;
	padding : 0px;
	text-align : left;
	vertical-align : middle;
	border : 1px solid #ff6600;
}

#navSite {
	width : 150px;
	float : left;
	vertical-align : top;
	border : 1px solid #009900;
}

#title {
	width : 146px;
	padding : 0px;
	float : right;
	text-align : right;
	vertical-align : top;
	border : 1px solid #660066;
}

< /style >

<!-- Start Page Header Code with IE Comment Padding Bug -->
< div id="header" >

<!-- Start Site Navigation -->
< div id="navSite" >Left Aligned Lump< /div >
<!-- End Site Navigation -->

<!-- Start Page Title -->
< div id="title" >Right Aligned Lump< /div >
<!-- End Page Title -->

< /div >
<!-- End Page Header -->

<!-- Start Page Header Code with Extra Comments Removed -->
< div id="header" >
	< div id="navSite" >Left Aligned Lump< /div >
	< div id="title" >Right Aligned Lump< /div >
< /div >
<!-- End Page Header -->

-- 
Jodi Red Wolf                           redwolf at whitewolf.com.au

Whitewolf                                             ____/\
51-55 Mountain Street Ultimo NSW 2007           _____/_ \ ~ \\
Ph: +61 2 9211 9357                             \/ ..   /     \
Fx: +61 2 9211 9376                              \_____~\     \\
Mb: +61 4 1380 9653                                   \  \// \\\