Shopping Cart Sidebox Issue

I am helping a friend setup his zencart website but have come across an issue and I`m not sure how to cure it.

If you add a product to the basket a shopping cart sidebox appears to obviously show you the contents of the cart however the text overlaps making it impossible to see.

If I alter the layout setting from 150px to 200px the text displays okay but it throws the boxes out of proportion making it look aweful.

Is there a way of making the text in that box display correctly without altering the width of the box ??

Thanks in advance.

URL to view is: http://www.shop.heathers-simplyvintage.com/

Try adding this to your stylesheet:
#shoppingcartContent {
line-height: 1.5;
padding: 20px 5px;
}

keneso:

Try adding this to your stylesheet:
#shoppingcartContent {
line-height: 1.5;
padding: 20px 5px;
}

Worked a treat, thankyou very much. How can I make the text in that box white rather than black / green ???

Change 33cc33 to whatever you like, note that if you refresh the page the class changes, so you may want to add color property to it.

.cartNewItem {
color: #33cc33;
position: relative;
}

.cartOldItem {
position: relative;
}

You may want to use firefox plus firebug to inspect the elements yourself; chrome, and ie too have developper tool to do the same.