product listing: borders not right

I have removed the dotline in the dotline file.
And added this to the stylesheet:

.centerBoxContents, .specialsListBoxContents, .additionalImages,
.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin-top: 1em;
margin-bottom: 1em;
margin-left: -0.2em;
margin-right: -0.2em;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}

Now I have nice borders around my products on the product listing page, but when there is a sale prijs added, the box gets a little bit bigger at the bottom. I don't want that to happen.
How can i fix that?

And also, when i'm clicking on, let say test examples in the categorie list, then that product listing has no borders.
How can i fix that?

Then, new products and featured product dont line up next to each other, but all to the left.
How can i change that to line up in lines of 3?

We'll need a link to your site to help with this kind of styling question.

I can't show you that Stevesh. I'm working on my computer (i already have a webshop online)

Well, you could post screenshots, but I can't promise anything.

lets see if I can explane it a little bit more.
On the home page I have new products, featered products,... and they show up in colomns (1 on the left, 1 in the center and 1 on te right)
Between the product was a dashed line, wich i removed. I added a solid border around every product (top,bottom,left,right) so each product is now in there own box. That is good, because that is what i want.

Then, if i click on a categorie (hardware, software, dvd movies, whatever) Those products don't have a border around. No dashed line either. There is...nothing.

I would like the boxes that i added around the products, to also show around te products in the cattegorie list. You know what i mean?

In the dotline file i have done this, and that got rid of the ugly dashed lines.

.vDotLine
{
background-color: transparent;
background-image: none /*url(../images/delim_v.gif);
background-repeat: repeat-y;
background-attachment: scroll;
width: 20px;
font-size: 1px;
}

.hDotLine
{
background-image: url(../images/delim_v.gif);
padding:1px 0;
}

Then in the stylesheet, i'm looking at this, but i don't know if its te right part en wich past i have to change then.

In the stylesheet i have this:

/bof product listing/
.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background:#c9c2b8;height:30px;color:#fff;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffe;}
.productListing-rowheading a:hover{color:#444;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;color:#666666;font-weight:normal;padding-bottom:10px;}
.tabTable {border-left:1px solid #ff0000;border-right:1px solid #dfdfe7;border-top:1px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}
.listingProductImage{margin-top:20px;margin-bottom:20px;}
.itemTitle{text-transform:uppercase;font-weight:normal;}

Attachment #15084

tryed to make a printscreen
On the bottom, the borders that i also want to have around the products above (the gift certificates)