Vertical Padding on product listing images

[robbin21973]

I am trying to organize my product listing pages and the photos are connected vertically which I do not want. I want the same space verically as they have horizontally. I have reviewed many many posts and either I cannot find this specific problem or the things suggested do not work. Here is my link:

http://www.polishpotterystore.com/sh...ndex&cPath=1_5

[s_t_e_v_e]

This kinda works. Put it at the bottom of your stylesheet.

table.tabTable th,table.tabTable td {margin:16px 0;padding:0;}

[robbin21973]

lol, kinda? It didn't work for me anyway.

[tony_sar]

if you change margin:16px to 14px , you should have same space ??

[s_t_e_v_e]

kinda...well... Looked tidy for me (firefox)

hmmmmmf... did you put it at the bottom of your stylesheet.css??

[robbin21973]

Yep, right at the bottom. Isn't there somewhere that controls how much space is between them horizontally? Wouldn't you also use that same area to define a vertical space?

[s_t_e_v_e]

Did you remove it? Cos I don't see it in your stylesheet?

[s_t_e_v_e]

Ohhh and 14px does look even better! Thanks to tony...

[robbin21973]

I put it back in there so you could see, it doesnt do anything. This is the product listing page I am talking about

[s_t_e_v_e]

ok ok - it does... and it doesnt....

Firefox it works.... IE7 it doesnt.... surprise surprise.

Try this instead;
.listingProductImage {margin:14px 0;padding:0;}

Works in both firefox and IE (ish)