Help with scrolling text/images

[puffnstuff]

My website has many pages where the content is bigger than the background, so we need a scroll-bar on the right so users can scroll down to see more. To do this, I'm using the overflow attribute as follows:

<div style="border:none; background:transparent; padding-top:0px; padding-right:10px; padding-left:4px; width:386px; height:298px; overflow:auto;">

So far, everything "seems" to work fine in I.E. and Mozilla (FF), but in Safari (MAC), some pages work fine and some don't.

For example, these ones work fine:

http://www.bossteel.com/News/HomeDepot.html
http://www.bossteel.com/our%20company/CompanyProfile.html
http://www.bossteel.com/EuroKlemp/EKGallery.html

BUT, this one does not seem to display properly in Safari. The background repeats below several times, even though the code within the <div> is the same:

http://www.bossteel.com/Services/Services.html


If you are able to see the problem with the one page above, perhaps you can tell me what I've done wrong? I'm stumped.

[mburt]

It's probably just the way Mac uses Safari. It uses the same rendering engine as FireFox, so it's probably just Mac acting up.
Sorry, but I can't help much further then that, seeings I don't have a Mac (don't really want one, either).

[markosaurus]

I'm having the same problem for someone I'm working for at the moment, safari seems to render overflow:auto incorrectly.

used firebug to track the problem down but I still haven't found a way to sort it. It's working fine in every other browser I've tested.

http://www.hundredthmonkeyuk.com/forum.php

That's the only page with a problem. You;ll notice that the content is meant to scroll down. The bottom div is treated as though it is on a z-index above the navigation. (It isn't 'cos it's relatively positioned). I found this using firebug to test it. I need overflow:auto on so the content is visible in every other browser and I've tried all sorts of other hacks on it without any success.

I wondered if you might fancy collaborating to see if we can sort this between us? It would be handy for me, and nice to have a hack named by us also!

Look forward to hearing back.

Mark Hankins

Technical Director

Edot3
www.edot3.com