Yacc
Насколько я понял должно быть так:
<style>
/*Ненужное закомментировал, остальное без комментариев.
*/
.recent_reviews {
float: left;
width: 980px;
height: 350px;
padding: 0px;
margin: 0px;
border: 0px solid #f00;
margin-bottom: 20px;
/*margin-left: 114px;*/
display: inline;
white-space: nowrap;
}
.recent_reviews_item {
float: left;
border: 0px solid #ff0;
width: 217px;
height: 200px;
padding: 0px;
margin: 0px;
margin: 5px 4px 10px 4px;
display: inline;
white-space: nowrap;
}
.recent_reviews_item p.rating {
/*float: left;*/
width: 36px;
font-size: 20px;
color: #fff;
background-image: url(recent_reviews_item_bg.png);
background-position: left top;
background-repeat: no-repeat;
text-align: center;
padding: 0px;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid #f00;
white-space:normal;
/*display: inline;*/
white-space: nowrap;
text-indent: 0;
line-height: normal;
margin-top: 0px;
margin-bottom: 0px;
}
.recent_reviews_item p.name {
width: 180px;
/*float: left;*/
text-align:left;
font-size: 18px;
padding: 0px;
margin: 0px;
padding-top: 7px;
padding-bottom: 7px;
/*display: inline;*/
white-space: nowrap;
text-indent: 0;
border: 1px solid #f00;
line-height: normal;
}
.recent_reviews_item p.name a {
color: #f4e98c;
font-size: 15px;
padding: 0px;
margin: 0px;
}
.recent_reviews_item p.name a:hover {
color: #fff;
}
.recent_reviews_item p.screen {
/*float:left;*/
white-space:normal;
/*display: inline;*/
white-space: nowrap;
text-indent: 0;
border: 1px solid #f00;
line-height: normal;
overflow:hidden;
}
.recent_reviews_item p.screen img {
width: 210px;
height: 140px;
background-color: #eee;
padding: 0px;
margin: 0px;
}
.recent_reviews_item p.screen a:link img { BORDER: #f4e98c 1px solid;}
.recent_reviews_item p.screen a:visited img { BORDER: #f4e98c 1px solid;}
.recent_reviews_item p.screen a:hover img { BORDER: #fff 1px dashed;}
.recent_reviews_item p.screen a:active img { BORDER: #f4e98c 1px solid;}
.recent_reviews_item p.read_full {
/*float: left;*/
background-image: url(recent_reviews_item_bottom_bg.png);
background-position: left bottom;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
padding-top: 5px;
padding-left: 20px;
border: 1px solid #f00;
white-space:normal;
/*display: inline;*/
white-space: nowrap;
text-indent: 0;
line-height: normal;
}
.recent_reviews_item p.read_full a {
color: #f4e98c;
font-size: 14px;
padding: 0px;
margin: 0px;
}
.recent_reviews_item p.read_full a:hover {
color: #fff;
}
</style>
Yacc
FF 3.6
Chrome 8
IE 8
1. Имхо - проще сверстать заново, чем разбираться в этой каше стилей.
2. Правильная постановка задачи - это половина её решения. Я к тому, что так и не понял как именно должно быть: вертикально или горизонтально, ибо из таблицы стилей это не очевидно.