Width on Magento go category page not resizing properly

Question

Can anyone please help? My category page is seriously messing with me. I set the image width to 300px which it accepts. However it doesn't accept me changing the size of the grid. So basically, It shows as much of the 300px that it can fit into the grid and slices my images in vertically.

http://www.ellamatthew.com/dresses

.products-grid li.item {width: 300px;} 
.products-grid .product-image { display:block; text-decoration:none !important; margin:0 auto 10px; position:relative; width:300px; }

Is there anything else here I should be changing? Any help here would be very useful.

Thanks

Answer 1

first of all your div

.col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item

is not content width:300px; it is 160px

second major problem is with your images width it contents white space from both left and right side so it is display like this disturb alignment.

i would suggest you to remove white space or make 300px box for product so you can adjust it in your layout.

let me know if i can help you more.