Съезжает div при изменении размера браузера

.row_div
 {
 float:left;
 padding-left:30px;
 padding-right:30px;
 
 }

<div class="row_div">
<p>item1</p>
<p>item2</p>
<p>item3</p>
</div>
<div class="row_div">
<p>item4</p>
<p>item5</p>
<p>item6</p>
</div>
<div class="row_div">
<p>item7</p>
<p>item8</p>
<p>item9</p>
</div>

<table width="100%" border="0">
  <tr>
    <td width="20%" >Первая ячейка;</td>
    <td width="60%" >
    <div class="row_div">
<p>item1</p>
<p>item2</p>
<p>item3</p>
</div>
<div class="row_div">
<p>item4</p>
<p>item5</p>
<p>item6</p>
</div>
<div class="row_div">
<p>item7</p>
<p>item8</p>
<p>item9</p>
</div>
      <div class="row_div">
 
      <asp:DropDownList ID="marka_selector" runat="server" Width="160px">
      </asp:DropDownList> 
  <p>
      <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> </p>
  </div>
 
      <asp:ListView ID="list1" runat="server" DataSourceID="SqlDataSource1" 
            onitemdatabound="list1_ItemDataBound" >   
  <LayoutTemplate>
  <div class="PrettyGrid">
  <table width="100%"  border="0">  
  
  <tr id="itemPlaceholder" runat="server"></tr>
 
  </table>
    </div>
  </LayoutTemplate>

.container {width: 600px;}
.q {width: 200px; float: left;}
.w {width: 200px; float: left;}
.z {width: 200px; float: left;}

<div class="container">
<div class="q">dfd</div>
<div class="w">ghh</div>
<div class="z">dga2h</div>
</div>