2 nolu alanı 1 nolu alanda tutmak istiyorum :S ama bir türlü becereemedim. yeni başladım css'ye div kodlaması ile tablosuz tasarım yapmaya çalışıyorum

HTML Kodlarını böyle yaptım :

<body>


<div id="genel">
<div class="genelustsol">
<span class="stil1">DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME <br />
DENEME </span><br />
</div> 
<div class="genelustsag"> <img src="img/sagalan.jpg" /> 
</div>
</div>

</body>
CSS :
body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background:#e2e2e2 url(img/arkaplan.jpg) repeat-x center top;
width: 100%;
}

h1{
font-size: 18px;
color:#FFFFFF
}

#genel{
width:805px;
border:1px dashed #FFFFFF;
}
.genelustsol{
float:left;
width:500px;
border:1px dashed #FFFFFF;
}

.genelustsag{
float: right;
width:305px;
border:1px dashed #FFFFFF;
}
Nerede hata yapıyorum yardımcı olabilir misiniz ?