为什么在DIV中min-width不起作用

环境 IE8.0代码如下问题：min-width: 200px;不起作用，那里的原因？<html>
<head>
    <title></title>
    <style>
        DIV.outLine
        {
            position: absolute;
            border-bottom-style: none;
            min-width: 200px;
            padding-bottom: 0px;
            border-right-style: none;
            margin: 0px;
            padding-left: 0px;
            padding-right: 0px;
            border-collapse: collapse;
            max-width: 100%;
            border-top-style: none;
            float: left;
            max-height: 320px;
            border-left-style: none;
            padding-top: 0px;
        }
        .header
        {
            background-color: #003692;
            height: 18pt;
            min-width: 200px;
        }
        #headerButton
        {
            float: right;
        }
    </style>
</head>
<body>
    <div class="outLine">
        <div class="header">
            <img id="headerButton" class="icon" alt="menu">
        </div>
    </div>
</body>
</html>

解决方案 »

  1.   

      DIV.outLine
      {
      position: absolute;
      border-bottom-style: none;
    有误改为
    .outLine
      {
      position: absolute;
      border-bottom-style: none;
      

  2.   

    不是把？楼上的，我要是改
    #headerButton
      {
      float: right;
      }
    成
    #headerButton
      {
      float: left;
      }
    还是可以的，不知道为什么right老是和我作对？