I've made a absolutely positioned that starts centered horizontally with width=0 that expands to both sides of the page using .animate(). The effect works as intended in Firefox, Opera, and IE, but Chrome and Safari surprisingly both move the div to the left of the page (almost left=0) before expanding it to 100%. I cannot understand why; I must be missing something. Any suggestions to save my sanity will be forever appreciated..
#panel { position: absolute; top: 110px; bottom: 240px !important; min-height: 200px; width: 0; left: 50%; }
$('#panel').animate({'left': '0', 'width': '100%'}, 750);