โค้ดตามนี้ครับ
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
.box{
float: left;
height: auto;
width: 100%;
display: block;
margin: 5px 0;
padding: 5px;
}
ul{
width: 440px;
height: 140px;
padding: 10px;
overflow: auto;
border: 1px solid #E5E5E5;
margin: 0 auto;
}
ul > li{
float: left;
position: relative;
width: 409px; height: 120px;
background-color: #F0F0F0;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
display: block;
margin-bottom: 10px; padding: 5px;
}
</style>
</head>
<body>
<div class="box">
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>

ตอนรันหน้าเว็บแท็ก <ul>... มันล้นออกมานะครับ ถ้าใน IE8 ขึ้นไปมันไม่มีปัญหาครับ
ช่วยแนะนำทีนะครับ ขอบคุณครับ
