{SOLVED- self} CSS help please with Featured product block on home page

[nadiap]

The home page featured product block is only showing 3 items horizontally, where I believe it should be 4 by default. I did add a css class so I have a grey border on most content blocks, but removed it from the featured block area thinking it was causing that 4th image to drop a row... didn't help. Border now gone but still shows only 3 featured pictures across.

 

so now thinking it could be a padding issue (usually effects IE - but I'm using Firefox), but can't find where to try and get the 4th image to pop back up to the top row....

Picture attached

 

Vers: latest 1.5.3 with default template.

Edited January 21, 2013 by nadiap (see edit history)

[nadiap]

Just found that it's the border I place on the content_block areas that is causing the drop by testing and removing the border I created. However, I like the border as it is now on the page.

 

Found the css that needs editing if anyone has the same issue:

 

 

In the homefeatured css file I subtracted the width of the borders from the width of the featured block as can you can see below...

 

#featured-products_block_center li {

margin-right:10px;

padding:10px 0;

width:124px; /* was width:126px; but changed to compensate for the addition of borders elsewhere */

height:240px;

Edited January 21, 2013 by nadiap (see edit history)