Problème avec les balises <div>

<style type="type/css">  
.splashMainPic  
 {  
  position:relative;  
  display:block;  
  height:380px;  
  width:410px;  
 }  
 </style>  
 <script type="text/javascript">  
$(document).ready(function() {  
    $('#diapo1').cycle({  
  fx: 'fade' 
 });  
});  
</script>  
 <script type="text/javascript">  
$("#diapo2").cycle({  
    fx: "fade",  
    timeout: 300  
  });  
</script>  

<div class="splashMainPic">  
<div id="diapo1">  
<img alt="" src="img1.png" />   
<img alt="" src="img2.png" />   
<img alt="" src="img3.png" />   
</div><div id="diapo2">  
<img alt="" src="2img1.png" />   
<img alt="" src="2img2.png" />   
<img alt="" src="2img3.png" />   
</div></div>  

<style> 
.div1 
{ 
   width : 400px; 
   height: 100px; 
} 

.div2 
{ 
   width : 200px; 
   height: 100px; 
   float: left; 
} 

.div3 
{ 
   width : 200px; 
   height: 100px; 
  float : left; 
} 
</style> 

<div class="div1"> 
   <div class="div2"><img  src="img1"></div> 
   <div class="div3"><img  src="img1"></div> 
</div>