Category Product Border

Hi,

I am trying however unable to figure out how to do a couple of things:

1. Create a black colored border around the listings on the category page.
2. Create margins for the category and text size to adjust to the margins so the image, title, and description stay in the margins for the category listings.
3. To create a view details button if possible.

I tried adding the code as follows but it didn't seem to work; should i have placed it somewhere else:


.hikashop_products a.hikashop_cart_button,.hikashop_products a.hikashop_cart_button:hover, #hikashop_checkout_coupon a.hikashop_cart_button,#hikashop_checkout_coupon a.hikashop_cart_button:hover{
float:none;
width:100px;
}

.hikashop_products .hikashop_subcontainer{
border: 1px solid;
}

#hikashop_button_1 div.hikashop_container,#hikashop_button_2 div.hikashop_container,#hikashop_button_3 div.hikashop_container {
cursor:pointer;
}
#hikashop_button_1 div.hikashop_subcontainer, #hikashop_button_2 div.hikashop_subcontainer, #hikashop_button_3 div.hikashop_subcontainer,#hikashop_order_listing div.hikashop_subcontainer {
text-align:center;
}

Nope, not working either.

hikashop

I wanted to have the border around the categories on the main page

see attached image

Now if I want the margins to adjust so that the borders are a standard size and the images / text readjust to fit so this doesn't happen. How would I do that