jQuery单击事件导致IE中的布局问题

Question

我正在使用点击更改事件来显示和填充第二个下拉列表。这一切在IE8＆amp; FF。但是，我的问题是，当再次触发click事件时，IE8导致布局中断。例如，在附加的抓取中，您将看到带有“选择公司”的图例，这是触发点击事件的属性。如果事件处于隐藏位置，则会显示一条消息，其中包含带有一些文本的div #formMessage 。图例ID为 #fld_company 。我很困惑为什么这应该打破。我已经包含了jquery代码和相关的CSS，如果有人能告诉我哪里出错了，我将不胜感激。非常感谢。

完整代码：http://jsfiddle.net/jfZcv/2/

<div id="formMessage">Click again to open</div>
#formMessage {display:none; margin-top: 8px; color: #999;background: transparent;}


<!--- dropdown for new user addition  -->
<script language="javascript" type="text/javascript">


        $(function() {

                    $("#fld_company").show();
                    $(".data").hide();
                    $("#coname").hide();

                    $("#fld_company").live('click', function() {
                    $("#fld_fld").toggle(1000);
                    $("#formMessage").toggle(1000);
                  });

              $("#AUSR_company").live('change', function() {
              if($(this).val()=="new")
              {
                $(".data").slideDown(1000);
                $("#coname").hide();
                $("#AUSR_name").val("");
              }
            else
            if($(this).val()!="new")

             {

               $("#coname").fadeIn(1500);
               $(".data").hide();

             }


          });
     });

</script>
<!--- end of dropdown for new user addition -->