HTML Tabellen oder eher doch CSS ? Wann nehme ich was und wieso?

[devian]

Oh das sieht gut aus... vl mache ich mich auch mal daran. Habe nun eben schonmal was gebastelt und finde es bis jetzt gar nicht mal so schlecht. Die Ecken sind allerdings nochnicht IE tauglich, da werde ich wohl mit einer Grafik arbeiten müssen. Den Hintergrund wollte ich farblich durch einen farbverlauf noch aufpeppen. Jetzt fehlt allerdings noch die Ecke oben rechts. Da bin ich noch am grübeln wie ich die denn auch wie ihr sagt semantisch und ästetisch hinbekomme. Hier mal der Code:

  
<div style="  
width:120;  
height:23;  
float:left;  
border-left:2px solid #aaaaaa;  
border-right:2px solid #aaaaaa;  
border-top:2px solid #aaaaaa;  
-moz-border-radius-topleft:10px;  
-khtml-border-radius-topleft:30px;  
-moz-border-radius-topright:10px;  
-khtml-border-radius-topright:30px;  
">Hallo</div>  
<div style="  
width:120;  
height:23;  
float:left;  
border-left:2px solid #aaaaaa;  
border-right:2px solid #aaaaaa;  
border-top:2px solid #aaaaaa;  
-moz-border-radius-topleft:10px;  
-khtml-border-radius-topleft:30px;  
-moz-border-radius-topright:10px;  
-khtml-border-radius-topright:30px;  
">Hallo</div>  
<div style="  
clear:left;  
width:{tableinwidth};  
height:175;  
border-left:2px solid #aaaaaa;  
border-right:2px solid #aaaaaa;  
border-bottom:2px solid #aaaaaa;  
-moz-border-radius-bottomleft:10px;  
-khtml-border-radius-bottomleft:30px;  
-moz-border-radius-bottomright:10px;  
-khtml-border-radius-bottomright:30px;  
">Beispiel 1</div>  

Ein Bild habe ich auch noch.

Was meint ihr dazu? Anregungen, Kritiken usw. sind erwünscht!