Witam serdecznie pierwszy raz na tym forum

Otóż mój problem jest taki, mam diva mieszczącego dwa divy o które się rozchodzi:



Chodzi o to że linia posiada dwa divy jeden wyrównany do lewej, drugi do prawej i każdy zajmuje dokładnie połowę szerokości linii, a teraz chcę (za pomocą jQuery i animate) aby jeden się powiększył, co już zrobiłem, no ale ten jeden wypycha drugiego, a chcę żeby go przysłonił. O tak:

Dodaj do tego div-a, który ma być pod spodem atrybuty CSS position: relative; i z-index: 0;, a do tego, który ma być na wierzchu position: relative; i z-index: 1;.
Im większa wartość atrybutu z-index, tym wyżej (czyt. bardziej na wierzchu) znajduje się odpowiednia warstwa.

EDIT: Atrybutami z-index powinien manipulować Twój skrypt jQuery, a atrybut position może być domyślnie ustawiony w stylu CSS.