Putting a box next to the category description

Hi all,

Im sure that this is simple to do but I’m having a bit of a monday morning situation.

On the category product listing page, Im trying to have a design that has a gray box to the right of the description. This will contain price information and such.

I did try to put one in there but I found that I then had issues for the product listing page.

Example of what I’m trying to do is in the below screenshot

and with my efforts I broke the product listing page…

Thought it might help to post my css and see if anyone can point out where I might be going wrong.

The only thing I can think of now is applying a new style to the product description unless someone has a better idea?

[QUOTE]product-info {

position: absolute;

padding-left: 0px;

width: 350px;

margin-left: 158px;


.product-info-right {

position: relative;

padding-left: 25px;

width: 135px;

float: right;

height: 110px;

background-color: #e1e1e1;


Ok I think I have an idea now but im trying to nudge the text on the left next to the image down. Anyone out there care to lend a hand so I can get this little pet project finished?