space issue

I'm having a space issue with my template. Take a peek and you'll understand what I'm talking about: http://www.seventhwindow.com/index.php?main_page=product_info&cPath=4&products_id=9

You have the title of the book, then the author name, then the price. After that you choose which version you want to purchase. Then there's a big space. Ick.

Is the space because of:

</div>
<br class="clearBoth" />
</div>

<br class="clearBoth" />

</div>

When I delete the BR tags and keep the closing DIV tags, the gap is closed and the text rides up too high. Deleting only one BR tag raises the text, but there's a still a small gap. Should I add some code to the clearBoth class in the BR tags?

.clearBoth {
  margin-top: 0em;
 } 

Is there a better way to fix my issue?

You could give the <br class="clearBoth /> a line-height of zero, but you'll want to make sure you only get the ones on the product page.

Kim:

You could give the <br class="clearBoth /> a line-height of zero, but you'll want to make sure you only get the ones on the product page.

I was afraid of the same thing, which is why I posted it here before actually doing it. I might just give ita new class (ProductSpace) and use that, which would be safer.