Problema con box angolari.

[8andreaghiacci3]

Salve, ho il seguente problema, vorrei realizzare dei box model come quelli che sono stati fatti in questo tutorial: http://css.html.it/articoli/leggi/20...ar-corners/2/. Il problema è che mi esce la prima colonna esattamente, mentre la colonna di fianco (quindi la seconda) mi esce sovrastata da due box molto più grandi. Il codice è il seguente:

xhtml:

<div id="corpo">
<div id="colonna2">
<div class="modular m2">

<div>
box 1
</div>

<div>
box 2
</div>
</div>

<div class="modular m2">
<div>
box 3
</div>

<div>
box 4
</div>
</div>
</div>
</div>

CSS:
div.modular{
overflow: hidden;
background: url(Img/boxBk.png) repeat-x bottom left;
padding-bottom: 15px;
margin-bottom: 10px
font: 1.3em Tahoma,Arial,sans-serif;
}

div.m1{width: 180px}
div.m2{width: 360px}
div.m3{width: 540px}
div.m4{width: 720px}

div.modular div{
float: left;
width:180px !important;
width /**/:180px;
background: url(Img/boxBk.png) repeat-x top left;
padding: 15px 15px 0;
}

So di aver sbagliato qualcosa ma non capisco cosa...
Grazie a tutti per l'aiuto!

[8andreaghiacci3]

Ho messo un div di chiusura in più alla fine in tutto sono 3 non 4..