使用jQuery .animate为包含<div>设置动画在IE </div>中不起作用

Question

我正在尝试使用jQuery htmLayer1为div（htmLayer1tab）设置动画，其中包含另外两个div（htmLayer1pic和.animate）。
以下代码在Firefox，Safari，Chrome和Opera中运行良好：

$("#htmLayer1tab").toggle(
            function() {
                $("#htmLayer1").animate({top: "-435px"}, 300, "swing");
            },
            function() {
                $("#htmLayer1").animate({top: "0px"}, 300, "swing");
                $("#htmLayer1tab").css("z-index", 7);
            }
);

，但在IE中，唯一移动的是tab-div。图片div不遵循。
该图片已作为htmLayer1pic通过CSS添加到background-image，并且该标签是通过img内的htmLayer1tab标记实现的。

为什么IE不会为htmLayer1内的两个div设置动画，但只有其中一个？我该怎么做才能解决它？

亲切的问候，
bingocaller

编辑：
我在这里创建了一个更详细的小提琴：jsFiddle Example