Question : DIV issues: 'overflow' and 'padding' properties

Check out my page at http://artbytobierae.com/art.html

Everything seems to be working fine in FF3 on the Mac and IE7 on the PC -- the content div is appearing at the correct size and the overflow is being handled properly by a scrollbar styled with some Javascript from the JQuery library.

I'm having two issues though:

1) In Safari5 and Chrome5, both on the Mac, overflow seems to be unrecognized and my scrollbars are lost.

2) In all browsers and platforms, each table row in that content div is stretching to the entire width of the div. This is incorrect -- I'm losing my styling in the div to allow padding-right that is meant to make visual space for the scrollbars.

Thanks in advance for any light you can shed on these issues.

Answer : DIV issues: 'overflow' and 'padding' properties

'pane2' is 610px wide (collection is 630px - 2 times 10px padding).  Subtract another 2 times 10px padding and you get 590px for the table width.  Tables normally don't inherit anything.  I would delete the 100% for the table width and put 196px for the 'table.collection tr td' width instead of 30%.
Random Solutions  
 
programming4us programming4us