CSS & New Products help

[smudgie]

I've added New Products and Best sellers to my page one under the other. I'm trying to get the two items to only have one line break between so I've put them both in a Div tag in the Actinic but it's not altering the distance between the two. Can someone please point me in the right direction?

Below is the code on my layout code page.

    <td valign="top" class="sidebar">
	<div class="tech_menu_button_title">
		<p class="tech_text_product_section"><actinic:variable value="Shopping Cart Summary - No Box" name="ShoppingCartSummary" /></p>
	</div>
		<div id="productsbox">
	     <actinic:variable value="Sidebar New Products List In A Box" name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" /> 
</div>
		<div id="newbox">
<actinic:variable value="Sidebar Best Sellers List In A Box" name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
    
</div>
</tr>

This the Actinic.css style


[code]
div.productsbox {
width: 189px;
padding-bottom: 0px;
}
div.newbox {
width: 189px;
padding-top: 0px;
}

[leehack]

Apply some margin to the outer divs they will push each other away then and create some space. Or just put a couple of <br>'s in between them.

[smudgie]

They're currently under each other but it looks like there is a line break but there isn't which is why I have tried to put them in div tags to push them closer together.

***************
Found a BR tag that I'd missed!!!

***************

[leehack]

Try adding:

Margin: 0;

to both of those styles listed above.