为什么我的div与父div之间有距离？
<div style="width:600px;float:right; border:solid 1px blue;">
<div style="height:30px;width:600px;background-color:#626262;color:#ffffff;top:0px;margin-top:0px;">
  <ul id="steptips" style="list-style-type:none;">
  <li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:red;">1.Select Room</li>
  <li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:white;">2.Customer Info</li>
  <li class="horizontal" style="display:inline;margin:auto 10px;padding:auto 8px;color:white;">3.Payment</li>
  </ul>
  </div>
  <div style="width:600px;margin:auto;">
  </div>
</div>
不明白红色的那两个div之间为什么会有一段空白距离？

------解决方案--------------------
里面的ul会有默认的margin和padding，设为0就没了。