Flexible product listing CSS Issue

[niccol]

Sorry, I have had a drink and am full of words

Another way of saying it is to forget about the table for a moment. In that table cell you have two things.

div #listingPrice
div #listingButtonGroup

To solve it perfectly you want to align the two divs vertically so their centers line up. This is well nigh impossible with css and html. ( I believe it is a recommendation in the next version of css which is due out eventually. )

So the best solution is to align product number, product name and the price. You can only do that if you set the vertical align of the cells to valign = top .

You could fudge it by bumping the price down with a blank graphic but that is going to break down if the font size changes and different browsers and operating systems use different default font sizes - let alone people who zoom the font size for accessibility reasons.

[Empire]

I would like to thank everyone for all the help. Niccol I will give your suggestion a try and update this thread with how it has worked. thanks again.