Hello,

I need to write CSS that works in quirks mode and standards mode and in all browsers - Is there a way to fix the margin / padding problem around these floated images in IE while staying in quirks mode?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#header {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #FFF;
}
#header img { float: right; margin: 0; padding: 0; }
#header img.left { float: left }
</style>
</head>
<body>
<div id="header" style="background: rgb(163, 163, 163)">
	<img class="left" alt="" src="http://www.5star-shareware.com/images/topoflist/firefox.gif" height="113" width="385">
	<img alt="" src="http://www.5star-shareware.com/images/topoflist/firefox.gif" height="113" width="57">
	<img alt="" src="http://www.5star-shareware.com/images/topoflist/firefox.gif" height="113" width="328">
</div>
</body>
</html>
A search and replace to fix the doctypes globally will soon be implemented - it should make my job much easier.

Thanks,