为什么小弟我做出来的效果是这样的呢？弄了快2个小时无果。

为什么我做出来的效果是这样的呢？弄了快2个小时无果。。。。

<div style="width:100%; height:510px"  >

<div  style=" background:url(AJJ_SHARE/WebRoot/images/div03.png); width:2%; height:500px; margin:0px 0px 0px 0px;  float:left;" id="div1"></div>

  <div style="background:url(AJJ_SHARE/WebRoot/images/div02.png);background-repeat: repeat-x; margin:0px 0px 0px 0px;  width:96%; height:500px; " id="div2;" ></div>

  <div  style="background:url(AJJ_SHARE/WebRoot/images/div01.png); width:2%; height:500px;  float:right" id="div3"></div>

  </div>

------解决方案--------------------
第二个div 要加float:left