HTML<tr>
<td>
<a href="http://piples.ru/soft/security/43472-antivirusnye-bazy-dlya-eset-nod32-ot-10122011.html">
<div title="Полная новость" class="poster">
<table>
<tr>
<td height="1px">
<div class="popuptitle">Антивирусные базы для ESET Nod32 от (10.12.2011)</div>
<div class="popuptitlearr"></div>
</td>
</tr>
<tr>
<td height="auto" class="catalogimage" style="background-image: url(http://piples.ru/uploads/posts/2011-12/1323622329_1309882142_nod32_base.jpg);">
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
CSS#catalog_post {
width: 100%;
margin: 10px 0;
}
#catalog_post td {
vertical-align: top;
}
.clist_td {
width: 33.3%;
}
.shortstory_cat {
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
background: #FFF;
margin: 5px;
-moz-box-shadow: 0 1px 3px #A2A2A2;
-webkit-box-shadow: 0 1px 3px #A2A2A2;
box-shadow: 0 1px 3px #A2A2A2;
}
.shortstory_cat > table {
width: 100%;
}
.shortstory_cat .title a, .shortstory_cat.title a:hover, .shortstory_cat .title a:visited {
font: bold 10px Tahoma;
color: #FFF;
text-decoration: none;
}
.catalogimage {
height: auto;
background-size: 200px auto;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
.poster > table {
width: 100%;
height: 340px !important;
margin: 0;
}
.shortstory_cat .poster {
text-align: center;
height: 340px;
overflow: hidden;
background: #FFF;
}
.shortstory_cat .catmenu {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
background: #EAEAEA;
margin: 5px 10px;
}
.catmenu td {
padding-right: 7px;
font: normal 11px Tahoma;
color: #000;
text-shadow: 0 1px 0 #FFF;
vertical-align: middle !important;
}
.catmenu td a, .catmenu td a:hover, .catmenu td a:visited {
color: #000;
text-decoration: underline;
}
.catmenu td a:hover {
text-decoration: none;
}
.popuptitle {
margin: 0 10px;
padding: 5px;
background: #1F1F1F;
color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 3px #A2A2A2;
-webkit-box-shadow: 0 1px 3px #A2A2A2;
box-shadow: 0 1px 3px #A2A2A2;
}
.popuptitlearr {
height: 0;
width: 0;
border-top: 7px solid #1F1F1F;
border-left: 7px dotted transparent;
border-right: 7px dotted transparent;
border-left: 7px solid transparent\9;
border-right: 7px solid transparent\9;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 999;
}
.shortstory_cat .poster:hover .popuptitle {
-moz-box-shadow: 0 1px 6px #F27E52;
-webkit-box-shadow: 0 1px 6px #F27E52;
box-shadow: 0 1px 6px #F27E52;
}
.shortstory_cat a {
color: #FFF;
text-decoration: none;
}