problema con allineamento <div> e <h1>

[blur]

ciao,

ho 2 div. entrambi con il float:left in modo che siano affiancati.
sotto ai due div devo inserire un <h1>titolo</h1> e poi ripetere i 2 div...tipo:
css:

h1{font-family:verdana, arial, sans-serif;
    font-size:.9em;
    padding:5px;
    border-bottom:2px solid #CAD97A;
    border-top:2px solid #CAD97A;}

.box{float:left;padding-left:5px;}
.box1{float:left;text-align:center;}

xhtml:

<h1>1° titolo</h1>

<div class="box"><img .... "/></div>
<div class="box1">

testo</p></div>

<h1>2° titolo</h1>

<div class="box"><img .... "/></div>
<div class="box1">

testo</p></div>

etc etc

il problema è che il 2° <h1> non mi viene allineato sotto i 2 div, ma mantiene il border-top all'inizio dei 2 div...mi spiego?
ho provato anche a dare un clear:both, ma non funzona
mannaggia, perchè? :master: