音乐频道之音乐播放器布局

<div id="video">
   <h1>[v]音乐台</h1>
   <div>
   		<span>中间写js来生成对象</span>----这个里面放flash
   		<ul>
   		  <li><img src="images/flvplay-1.jpg"/></li>
   		  <li><img src="images/flvplay-2.jpg"/></li>
   		  <li><img src="images/flvplay-3.jpg"/></li>
   		  <li><img src="images/flvplay-4.jpg"/></li>
   		</ul>
   </div>
   <strong>如果您无法观看视频，请点击此处</strong>
</div>

#video{
width:500px;
height:336px;
background:url(images/flv_bottom.jpg) no-repeat left bottom;  //----这是底边
float:right;
margin-bottom:10px;
}
#div h1{
  width:500px;
  height:31px;
  line-height:31px;
  color:#fff;
  font-size:12px;
  text-align:center;
  background:url(images/flv_top.jpg) no-repeat left center;    //插入h1的图片
}

#video div{ 
	width:auto;  //或者设置成460px;  使得总长为500px.  如果设置为500px那么会溢出
	height:289px; //注意：这里要减少 10px,本来是299px
	background:url(images/flv_bg.jpg);
	padding-left:40px;
	padding-top:10px;
}
#video div span{--放播放器的地方
   width:320px;
   height:260px;
   dispaly:block;
   background:red;
   float:left;
}
#video div span object{//这个是js生成的对象
     padding-top:15px;
}

#video div ul{
 padding-left:5px;
	width:80px;
	height:260px;
	background:blue;
	float:left:
}

#video div ul li img{
	width:75px;
	height:55px;
	display:block;
	padding-bottom:5px;
	padding-top:5px;
}

#video div strong {
	height:20px;
	line-height:20px;
  display:block;
  clear:both;
  background:
  text-indent:20px;
  font-weight:normal;
  
}