html在ie里样式乱了,div布局 css样式 float:left IE显示错乱 其他浏览器正常

div布局 css样式 float:left IE显示错乱 其他浏览器正常0

Create Account

IE下测试 左边DIV不正常显示(div中放入数据测试)其他浏览器都可以

下边是 CSS 样式

#content {margin:16px;}

#styled .formframe {border:solid 2px #b7ddf2; background:#ebf4fb;}

#styled h1 {font-size:14px; font-weight:bold; margin-bottom:8px;}

#styled p {/* font-size:11px;color:#666; */margin-bottom:20px; border-bottom:solid 1px #ccc; padding-bottom:10px;}

#styled p.form-text {font-size:.9em; color:#666; line-height:1.5em; border-bottom:none;}

#styled p.dark-text {color:#333;}

#styled label {display:block; font-weight:bold; text-align:right; width:140px; float:left; line-height:1.2em;}

#styled .small {color:#666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px;}

#styled input, #styled textarea {width:200px;}

#styled .short-input {width:80px !important;}

#styled .inline-field {float:none !important;}

#styled input, #styled textarea, #styled select {float:left; margin:2px 0 20px 10px;}

#styled .checkbox {width:16px; margin-right:184px;}

#styled button, #styled .f-submit {float:none !important; border:0 none; clear:both; margin:0 0 0 150px; width:135px; height:31px; background:url(button00.png) no-repeat; text-align:center; line-height:31px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; text-shadow:#444 0 -1px 1px; /* text-transform:uppercase; */ cursor:pointer;}

#styled button, #styled .file, #styled .radio {border:0 none;}

#styled .radio {float:none; width:20px;}

.form-column, .form-column-right {width:400px;}

.form-column-right {float:left; margin-right:20px;}

.form-region {padding:20px; position:relative;}

.form-region-color {background:#f6f6f6;}

请教高手指点 最好有代码 谢谢！！！