[markbrown4]

img { width: 100% } is the fix.

I'm not actually too sure how inline elements should behave within inline-blocks with overflow.
That's a tricky combination that I tend to avoid.

[TheEmpty]

markbrown4, on 14 July 2012 - 09:03 AM, said:

img { width: 100% } is the fix.

welcome back. I would recommend max-width: 100%; that way you don't scale-up smaller images.

[Hermes]

TheEmpty, on 14 July 2012 - 09:05 AM, said:

welcome back. I would recommend max-width: 100%; that way you don't scale-up smaller images.

Neither makes a difference. Just tried them in Chrome.

[markbrown4]

Hermes, on 14 July 2012 - 09:09 AM, said:

Neither makes a difference. Just tried them in Chrome.

Hmm, I was testing in Firefox.
It doesn't actually effect chrome or safari on my mac as all of the scroll bars are invisible.
The scrollbar position pops into existence only when you scroll and displays over the top of the content - it's not cut off.

It's far too late for me to boot up vmware for windows

Interesting test case though, perhaps it's something to do with interoperability of webkit between mac / windows?

TheEmpty, on 14 July 2012 - 09:05 AM, said:

welcome back. I would recommend max-width: 100%; that way you don't scale-up smaller images.

Thanks, I'm getting back into forums now after a good break.
I'm a Rails / front-end dev full time now and absolutely loving it.

[TheEmpty]

You could also go:

overflow:hidden;

but that means part of the image will be hidden. Your block is not large enough for those images.

[Quinn]

markbrown4, on 14 July 2012 - 09:23 AM, said:

Interesting test case though, perhaps it's something to do with interoperability of webkit between mac / windows?

I'm assuming you're on Lion (at least, I heard this was new to Lion)

[DisneyRicky]

May I suggest just hiding the scrollbar in it's entirety?
Or you could retheme the bar, using some code.

Hiding Bar:

Spoiler

<style type="text/css">
body {
overflow:hidden;
}
</style>

Styling Scrollbar:
Here