Fluid Images with Parallax, Max-Width Trick Not Working As Intended

[YJearlie]

I'm building a Parallax site using the instructions in this tutorial: http://f6design.com/journal/2011/08...olling-website-interface-with-jquery-and-css/The demo version of the tutorial is here: http://f6design.com/projects/parallax-scrolling/I don't see the need to include my own code, because I think I'm simply missing a large concept of "fluid images"...from what I understand, images can be made liquid simply by adding a "\[code\]max-width:100%\[/code\]" to all images on a page. so \[code\]img {max-width:100%}\[/code\] .Now this should in theory should work as long as the width doesn't exceed the width of its container...So going back to the example of: http://f6design.com/projects/parallax-scrolling/ ...why is it that adding a "\[code\]max-width:100%\[/code\]" to images doesn't result in fluid images?Am I missing a basic concept here?You can see an example site I'm building here: http://alvarenga.co/liquid/index.htmlEssentially, as you shrink down the page--the snake, and also parallaxing background elements would also shrink proportionally...hence then need for fluid images.Thanks in advanced...