Событие щелчка jQuery, вызывающее проблемы с макетом в IE

Question

Я использую событие изменения щелчка, чтобы показать и заполнить 2-й выпадающий список. Все это прекрасно работает в IE8 и FF. Тем не менее, моя проблема заключается в том, что IE8 вызывает разрыв макета при повторном запуске события click. Например, в прикрепленных захватах вы увидите легенду с надписью «Выбрать компанию», это свойство, которое вызывает событие нажатия. Если событие находится в скрытой позиции, то отображается сообщение, которое представляет собой div # formMessage с некоторым текстом. Идентификатор легенды # 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 -->