Как вывести картинку в shortstory.tpl через background-image

<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);"> 
                                &nbsp;
                            </td> 
                        </tr> 
                    </table> 
                </div> 
                </a> 
            </td> 
        </tr> 

#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;
}