简单应用-用了float仍不能排在一行，求大侠指教
1.问题：
在dreamweaver中用css控制按钮想使其排在一行上，结果无论怎么调，浏览器（不是它的问题，换过多个，都一样）中按钮都是一串的状态，头痛半天了，请大侠指教，感激不尽！！

2.代码：
【1】html代码：
***解释：home_pho_btn_gro为按钮盒类，home_pho_btn为每个按钮的类

HTML code

<div id="home_phpoto">       <div id="home_pho_big">          <A onfocus=this.blur() name=imglink>               <IMG style="FILTER: blendTrans(duration=1)" src="images/01.jpg" name=bigimg>          </A>       </div>       <div class="home_pho_btn_gro">           <div class="home_pho_btn">                            <IMG onClick="click_simg(this, 0);" src="images/main_flash_button1.gif" name=num_img0>           </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 1);" src="images/main_flash_button2.gif" name=num_img1>           </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 2);" src="images/main_flash_button3.gif" name=num_img2>                      </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 3);" src="images/main_flash_button4.gif" name=num_img3>           </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 4);" src="images/main_flash_button5.gif" name=num_img4>           </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 5);" src="images/main_flash_button6.gif" name=num_img5>           </div>           <div class="home_pho_btn">                <IMG onClick="click_simg(this, 6);" src="images/main_flash_button7.gif" name=num_img6>           </div>                 </div>    </div>

【2】css代码：
#home_phpoto{
width:520px;
height: 400px;
}
#home_pho_big{
width:520px;
height:338px;
FILTER:blendTrans(duration=1);
}
.home_pho_btn_gro{
height:20px;
margin-top:5px;
overflow: hidden;
width: 100%;
}
.home_pho_btn{
margin-left:6px;
margin-right:6px;
width:61px;
height:15px;
border:0px;
cursor:w-resize;
float:left;
display:inline;
}

3.显示：
dreamweaver中：

chrome中：

请大家指教，叩谢！！！

[解决办法]
你的啥版本chrome，我最新版chrome是横排啊