помогите исправить блок

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="{THEME}/images/favicon.ico"/>
<link rel="stylesheet" href="1.css"/>
</head>
<body>
<div class="wrapper">
<div class="blockleft"></div>
<div class="film">
     <div class="poster-title">         
         <a href="{full-link}"><img src="http://st.kp.yandex.net/images/film_big/579689.jpg" class="posterf" alt=""></a>
         <div class="title">
             <span>
                 <a href="{full-link}" class="titlev">Реальная белка / The Nut Job</a>
             </span>
         </div>
     <div class="raiting">7</div>
     <div class="who">?</div>
     </div>
     <div class="tags">
         Мультфильм, белка, реальная
     </div>
</div>
  </div>
  <div class="bfotter">
<div class="counter"></div>
<div class="counter"></div> 
<div class="design">Design by LyCorp</div>
  </div>
</body>
</html>

html{
    background:url(ly.png);
}
a{
  text-decoration:none;
  color:#010101;
}
.wrapper {
width: 720px;
min-height: 620px;
margin: 0 auto;
padding: 0px 0px 0 0;
position: relative;
background:url(lu.png);
border-radius:5px;
border:3px #CCC solid;
}
.film {
 position:relative;
 background-color:#EFEFEF;
  border:1px solid #CCC;
  min-height:200px;
  width:165px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 5px;
  padding: 10px 0;
  overflow: hidden;
}
.posterf{
width:145px;
height:220px;
margin-left:10px;
}
.titlev{
text-align: left;
text-decoration: none;
color:#c5c5c5;
font-size:15px;
}
.poster-title {
    display:inline-block;  
    position:relative;
}
.poster-title .title {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:145px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
    padding:10px;
    background-color:rgba(0,0,0,.5);
    margin-left: 10px;
    margin-bottom: 5px
}
.tags{
  width:135px;
  margin-left:10px;
  text-align: left;
  font-size:10px;
  color:#010101;
  text-decoration:none;
}
.raiting{
background-color: #E57152;
border-radius: 3px;
color: #FFFFFF;
font-size: 15px;
margin: 10px;
padding: 5px 10px;
position: absolute;
top: -5px;    
left:5px;
  }
.who{
background-color: #4B7FBB;
border-radius: 3px;
color: #FFFFFF;
font-size: 15px;
margin: 10px;
padding: 5px 10px;
position: absolute;
top: -5px;    
right: -5px;
}
.bfotter{
margin: 10px auto;
width: 720px;
min-height: 50px;
background:url(lu.png);
border-radius:5px;
border:3px #CCC solid;
}
.counter{
  float:left;
  border:1px solid #ccc;
  width:88px;
  height:30px;
  margin-top:10px;
  margin-left:5px;
}
.design{
  float:right;
  color:#CCC;
  font-size:16px;
  font-family:Arial;
}
.titlefull{
background:#96B4D6;
margin: 10px 5px;
padding:5px;
border-radius:2px;
color:#fff;
font-family:Arial;
}
.playerstyle{
  border:3px solid #CCC;
  height:360px;
  margin: 10px 5px;
}
.posterfull{
  margin:1px 5px;
  border-radius:3px;
}
.posteraiting{
 margin:1px 5px 5px;
 border:1px solid #CCC;
 width:250px;
 height:30px;
 background:#EFEFEF;
}
 .description{
   float:right; 
   font-family:Arial;
   font-size:15px;
   width:450px;
}
.blockleft{
position:fixed;
top:0;
right:0;
width:200px;
}