forcing a new line using the float tag

[camphor]

hi all,

I have a webpage with just images and am using a liquid layout for my css, go to http://www.christinebec.com/About CB/selected_editorials.htm to see what I am talking about, after the last image (vogue shops) on the page, I want to force a new line so I can add a new heading "catalogues" and then put more images under this heading.
This is my attempt:

<br class="clearboth">
<div id="contents">
<h2>CATALOGUES</h2></div>
<div class="float">
<a href="../images/HP_France_catalogue_big.jpg"><img src="../images/HP_ France_ catalogue_ small.jpg" alt="HP France 2002 catalogue" border="0"></img></a></div>

div.clearboth {clear: both;}

div#content {margin-left: auto; margin-right: auto; color: #000000; background: #ffffff; text-decoration: none;}

when I preview the page in firefox, the word "catalogue" is in the right hand upper corner of the page and the HP France image is next to the "vogue shops" image which I don't want, I want it on a new line under the heading "catalogues"

Are there other ways of forcing a new line besides the br "clear:both"

thanks

[AricC]

Why don't you just use a line break <br />?