问个初学者DIV浮动有关问题

问个菜鸟DIV浮动问题
<div id="main">
  <div id="main-left">ss</div>
  <div id="main-right1"><img src="images/3510.png" width="272" height="300" /></div>
  </div>
CSS里面是这样的
#main
{
margin:12px 0px 0px 0px;
width:100%;
height:600px;
}

#main-left
{ width:660px;
  height:553px;
  float:left;
}

#main-right1
{  
  width:300px;
  height:100px;
}
。
问题来了，为什么main-right1不会在main-left的右边围绕着，而是在main-left的下面，甚至溢出了main这个DIV。。
如果把 width:300px;max-height:100px;删掉，main-right1就围绕在main-left的右边


[解决办法]
你试试这样：在main-left中加入display:block;在main-right1中加入float:right;
[解决办法]
你在#main-right1里面加个float:left，或者将两个div的宽度缩小一些。