Salve a tutti, vi disturbo per chiedervi un supporto in quanto non riesco a posizionare un div nel posto corretto nonostante sto utilizzando le proprietà float e clear.

Questa è la mia struttura

<div id="container">
<div id="header"></div>
<div id="navigation"><?php include("navigation.php"); ?></div>
<div id="extra"><?php include("extra.php"); ?></div>
<div id="content" style="background-color:#ffffff;">
<div style="border:solid;border-size:2px;border-color:#000;height:100%">
<h1>Titolo</h1>

<div style="width:45%; text-align:left;float:left" >
<img src ="immagini/immagine1.png">desclink1

<img src ="immagini/immagine2.png">desclink2

</div>
<div style="width:45%; text-align:left;float:right" >
<img src ="immagini/immagine3.png">desclink3

<img src ="immagini/immagine4.png">desclink4

</div>
<div style="width:100%;margin-bottom:0">
pagina 1 di 10
</div>
</div>
</div>

<div id="footer"></div>
</div>

Il mio problema è che non mi posiziona in basso il div che contiene pagina 1 di 10 ma lo inserisce accanto o sopra ai due link che hanno il float a left e right. In pratica vorrei avere una colonna con le icone e una descrizione, accanto una seconda colonna con le icone e con le descrizioni e in basso alle due colonne la gestione per spostarmi lungo le pagine. Qualcuno può aiutarmi con il posizionamento di quest'ultimo div? Grazie a tutti anticipatamente!