I use this code to create a dialog: 

<div id = 'login_error' title = 'Melding'> 
   <p> 
       <span class = 'ui-icon ui-icon-info' style = 'float:left; 
margin:0 7px 50px 0;'></span> 
       Verkeerde gebruikersnaam/wachtwoord 
   </p> 
</div> 
<script type = 'text/javascript'> 
   $(function() { 
      $('#login_error').dialog({ 
         modal: true, 
         bgiframe: true, 
         buttons: { 
            Ok: function() { 
               $(this).dialog('close'); 
            } 
         } 
      }); 
   }); 
</script> 

When using this code, the lay out breaks in IE 7. Some screenshots: 
Lay out as it should be: 
http://brizzly.com/pic/11MW 
Broken lay out: 
http://brizzly.com/pic/11MV 

How can I fix/bypass this?