dontello: Div- Darstellungsproblem Internet Explorer

Beitrag lesen

Ich habe einfach zwei Teile von einem Design die nebeneinander dargestellt werden sollen. Also habe ich zwei divs, jedoch werden im internet explorer die divs untereinander dargestellt und nicht nebeneinander trotz dem befehl float:left. was kann man dagegen tun?!?

hier mal der code:

html:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head><title>www.weissgräber.de</title>  
<link rel="stylesheet" type="text/css" href="main.css">  
</head>  
<body>  
<div style="width:800px; height:23px;">  
<div id="design01"></div>  
<div style="width:800px; height:23px;">  
<div id="design02"></div>  
</body>  
</html>  

css:

  
#design01 {  
   background-image:url("images/design_01.jpg");  
   width: 50px;  
   height: 23px;  
   float:left;  
   display: block;  
 }  
  
 #design02 {  
   background-image:url("images/design_02.jpg");  
   width: 728px;  
   height: 23px;  
   float:left;  
 }  

wäre nett wenn mir da jemand behilflich wäre. danke.