Div Tag / IE Horror (Again)

Miscellaneous Forums/General Discussion/Div Tag / IE Horror (Again)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
	<meta http-equiv="Content-Language" content="en-uk" />
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<meta name="robots" content="all" />
	<meta http-equiv="imagetoolbar" content="false" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
<style type="text/css">
<!--
#left-col{
	float:left;
	width: 20%;
	padding: 0;
	margin: 0;
}

#right-col {
	border: 1px solid red;
	float:right;
	width: 78%;
	padding:0;
	margin:0;
}

ul#button-list-left {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#button-list-left li {
	margin: 0;
	padding: 0;
}
ul#button-list-left li input {
	background-color: #efeffe;
	border-color: #aeaefe;
	width: 100%;
	margin-bottom: 4px;
	padding: 2px;
}

#folder-list {
	float:left;
	width: 25%;
}
#folder-list select {
	float:left;
	width: 100%;
}
#folder-list input{
	float:left;
	width: 100%;
}

#file-list {
	float:left;
	width: 74%;
}


#file-list select {
	width: 100%;
	float:left;
}
#file-list input {
	width: 49%;
	float:left;
	margin: 0;
}
.break {
	clear:both;
	border: none;
	background-color: transparent;
	height: 0;
	padding: 0;
}
-->
</style>
</head>
<body>
<div id="left-col">

	<ul id="button-list-left">
		<li><input type="submit" name="submit" id="" value="vdsvdsvd" /></li>
		<li><input type="submit" name="submit" id="" value="fdsgfdsgsd" /></li>
		<li><input type="submit" name="submit" id="" value="grewgrw" /></li>
		<li><input type="submit" name="submit" id="" value="grewgre" /></li>
		<li><input type="submit" name="submit" id="" value="gregrgre" /></li>
	</ul>

</div>

<div id="right-col">
	<div id="folder-list">
		<select name="test" size="6">
			<option value="1" selected="selected">Item Number 1</option>
			<option value="2">Item Number 2</option>
			<option value="3">Item Number 3</option>
			<option value="4">Item Number 4</option>
			<option value="5">Item Number 5</option>
			<option value="6">Item Number 6</option>
			<option value="7">Item Number 7</option>
			<option value="8">Item Number 8</option>
			<option value="9">Item Number 9</option>
			<option value="10">Item Number 10</option>
		</select>
		<br class="break" />
		<input type="button" name="" id="" value="Open" />
	</div>
	<div id="file-list">
		<select name="test" size="6">
			<option value="1" selected="selected">Item Number 1</option>
			<option value="2">Item Number 2</option>
			<option value="3">Item Number 3</option>
			<option value="4">Item Number 4</option>
			<option value="5">Item Number 5</option>
			<option value="6">Item Number 6</option>
			<option value="7">Item Number 7</option>
			<option value="8">Item Number 8</option>
			<option value="9">Item Number 9</option>
			<option value="10">Item Number 10</option>
		</select>
		<br class="break" />
		<input type="button" name="" id="" value="Edit Page" />
		<input type="button" name="" id="" value="Delete Page" />
		
	</div>
</div>
</body>
</html>


Updated version

(It will not conform to XHTML specs until you give your inputs unique ID's but after that it will be valid).