title: How can I CSS for List/grid in div with border?
body: <p>I want to create a list table in DIV with border. When more content of width of a column then line break and border increase but other column border not increase. see the example:</p>
  
  <p>
  
      
          
          Div based CSS Table
           </p>
  
  <pre><code>        .list_container{
              float:left;
              width: 550px;
              margin-bottom:10px;
              font-family: vardana;
          }
  
          .list_row{
              float:left;
              width: 548px;
              border-bottom:1px #9F9F9F solid;
  
          }
          .list_row:hover{
              background-color:#CCCCCC;
          }
          .list_rowHeader{
              float:left;
              width: 548px;
              border-bottom:1px #9F9F9F solid;
              border-top:1px #9F9F9F solid;
              font-weight: bold;
              background-color: #FF0000;
              color: #FFFFFF;
          }
          .list_column{
              float:left;
              padding: 3px;
              border-left: 1px #9F9F9F solid;
          }
  
          .list_columnLast{
              float:left;
              padding: 3px;
              border-left: 1px #9F9F9F solid;
              border-right: 1px #9F9F9F solid;
          } 
  
          .even{ background-color:#E0E0E0!important;}
          .odd{ background-color:#FFFFFF!important;}
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;      
      &lt;div class="list_container"  &gt;
          &lt;div class="list_rowHeader" &gt;
              &lt;div class="list_column" style="width: 250px;"&gt;Name&lt;/div&gt;
              &lt;div class="list_column" style="width: 96px;"&gt; Bid Amount&lt;/div&gt;
              &lt;div class="list_columnLast" style="width: 180px;"&gt; Email &lt;/div&gt;
          &lt;/div&gt; 
          &lt;div class="list_row even" &gt;
              &lt;div class="list_column" style="width: 250px;"&gt;Saidul Haque&lt;/div&gt;
              &lt;div class="list_column" style="width: 96px;"&gt; 2131231&lt;/div&gt;
              &lt;div class="list_columnLast" style="width: 180px;"&gt; saiduleye@gmail.com&lt;/div&gt;
          &lt;/div&gt; 
          &lt;div class="list_row odd" &gt;
              &lt;div class="list_column" style="width: 250px;"&gt;Saidul Haque, Sonargaon, Bangladesh Dhaka, &lt;/div&gt;
              &lt;div class="list_column" style="width: 96px;"&gt; 2131231&lt;/div&gt;
              &lt;div class="list_columnLast" style="width: 180px;"&gt; saiduleye@gmail.com&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="list_row even" &gt;
              &lt;div class="list_column" style="width: 250px;"&gt;Saidul Haque&lt;/div&gt;
              &lt;div class="list_column" style="width: 96px;"&gt; 2131231&lt;/div&gt;
              &lt;div class="list_columnLast" style="width: 180px;"&gt; saiduleye@gmail.com&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Anybody solve this problem?</p>