CSS li, br, table

HTML

<div class="item-list"> 

<p><strong>Пакет «1»</strong></p> 

<ul> 

    <li>Ссылка <strong>1</strong>;</li> 

</ul> 

</div>

CSS

.item-list{ 

background-color: #FFFFFF; 

border-radius: 6px; 

-moz-border-radius: 6px; 

box-shadow: 0 3px 10px #e1e5e8, 0 0 10px #F6F5F5 inset; 

padding:23px 25px; 

line-height:15px; 

margin: 0 0 40px 30px; 

} 

.item-list li { 

background:url(../images/bul.gif) no-repeat; 

background-position: 0px 0px; 

padding-left: 20px; 

font-size: 12px; 

} 

.item-list:after { 

    content:""; 

    clear:both; 

    display:block; 

} 

.item-list ul { 

    margin:0 -45px -20px 0; 

    padding:0; 

    list-style:none; 

    float:left; 

    position:relative; 

} 

.item-list ul li { 

    width:500px; 

    margin:0px 0 5px 0px; 

} 

В этом же классе "item-list" идет таблица из 4 картинок как их правильно вставить?

<table> 

    <tr> 

        <td><a title=""><img src="images/uga_m.png" alt=""/></a></td> 

        <td><a title=""><img src="images/rosdorstroy_m.png" alt=""/></a></td> 

        <td> 

            <a title=""><img src="images/normotos_m.png" alt=""/></a> 

        </td> 

        <td> 

            <a title=""><img src="images/duohem_m.png" alt=""/></a> 

        </td> 

    </tr> 

</table>