http://jsfiddle.net/bbq0bkkw/

To taki prosty skrypcik prototypowy, jednak chcę aby czerwony div był za zielonym i jak najadę na wystającą część to się wysunie, oczywiście metodą z-index mogę go ukryć ale wtedy skrypt nie da rady złapać tego elementu...Jakieś rady bardziej doświadczeni podadzą?

o tak? http://jsfiddle.net/bbq0bkkw/2/

zamieniłem w HTMLu kolejność Divów:

[HTML] pobierz, plaintext 
<div class="maki"></div>
<div class="main">
[HTML] pobierz, plaintext 

edit: poza tym brakuje jednego </div>

up ja byłem pierwszy http://jsfiddle.net/bbq0bkkw/1/ ale chyba nie o to autorowi chodzi wiec się rozmyśliłem

A ja bym kombinował w tę stronę: http://jsfiddle.net/Comandeer/ttrLsc2t/ czyli tło jako osobny element rozciągnięty na całe .main
W bonusie masz animację pure CSS - po co jQuery do takich rzeczy?

Wszyscy dobrze kombinujecie, comandeer jednak spełnił 100% moje oczekiwania i w bardzo ciekawy sposób to rozwiązał dla wszystkich leci okejka