Hello, this is my first post in site, and i hope i get good impression on the community here

Please download and open the attached file, you will see two div columns am trying to animate...

my issue is that am trying to animate those two divs without using "floats"...

so i use css "display:table;dislay:table-cell;"... to set the divs in their appropriate locations...

but sadly, it seems animating them using percentage value gives me a weird animation!..

you can try it your self... i can simply try using "exact pixel values", but i am aiming for liquid layout...

for me it seems that the percentage animation going on (inside) the div, instead animating it with a relation with the container of the div width... 

any idea how to fix this? suggestions? ideas?

thank you