responsive divs setup - what am I doing wrong

<div id="homebuttons">
<img src="http://www.youthdiapers.com/assets/images/free-shipping10.gif"><br>
  <div id="six-buttons">
  <div id="bottomrow">
      <div id="auto-reorder"><a href="http://www.youthdiapers.com/Auto-Reorders_ep_41-1.html"><img src="http://www.youthdiapers.com/assets/images/auto-reorder10.gif" /></a></div>
      <div id="diapers-teens"><a href="http://www.youthdiapers.com/diapers-for-teenagers"><img src="http://www.youthdiapers.com/assets/images/diapers-teenagers10.gif" /></a></div>
      <div id="Youth-pull-ups"><a href="http://www.youthdiapers.com/youth-pullups"><img src="http://www.youthdiapers.com/assets/images/youth-pull-ups.gif" /></a></div>
      </div>
      <div id="bottomrow">
        <div id="youth-briefs"><a href="http://www.youthdiapers.com/youth-briefs"><img src="http://www.youthdiapers.com/assets/images/youth-briefs10.gif" /></a></div>
        <div id="reusables"><a href="http://www.youthdiapers.com/reusable-youth-diapers"><img src="http://www.youthdiapers.com/assets/images/reusables10.gif" /></a></div>
        <div id="bed-pads"><a href="http://www.youthdiapers.com/youth-bedpads"><img src="http://www.youthdiapers.com/assets/images/bedpads10.gif" /></a></div></div></div>

Select allOpen in new window

#homebuttons {
text-align:left;
max-width: 934px;
overflow:hidden;
}

#homebuttons a{ border: 0; }

#six-buttons {
display: inline-block;
width: 100%;
vertical-align: top;
float:left;
}


#auto-reorder {
display: inline-block;
vertical-align: top;
width: 33.333%;
float:left;
}


#diapers-teens {
display: inline-block;
vertical-align: top;
width:33.3333%;
float:left;
}

#youth-pull-ups {
display: inline-block;
vertical-align: top;
width: 33.3333%;
float:left;
}

#Youth-pull-ups {
vertical-align: top;
width: 33.33333%;
float:right;
}

#youth-briefs{
display: inline-block;
vertical-align: top;
width:33.333%;
float:right;
}

#reusables{
display: inline-block;
vertical-align: top;
width: 33.3333%;
float:right;
}

#bed-pads{
display: inline-block;
vertical-align: top;
width: 33.333%;
float:right;
}


#bottomrow
{
text-align:left;
float:left;
width:100%;
}


#auto-reorder img {
vertical-align: top;
width:100%;
}

#diapers-teens img{
vertical-align: top;
width: 100%;
float:left;
}

#youth-pull-ups img {
vertical-align: top;
width:100%;
}

#youth-briefs img{
vertical-align: top;
width: 100%;
float:left;
}

#reusables img{
vertical-align: top;
width:100%;
}
#bed-pads img{
vertical-align: top;
width:100%;
}

Select allOpen in new window