Inicialmente, era un elemento de control deslizante de jquery simple sin una línea gris alrededor de la imagen del artículo. Luego decidí insertar el precio debajo de la imagen y el enlace del artículo. Coloqué el código html del elemento dentro de una tabla y ahora aparece una línea gris alrededor del elemento como se muestra en www.dailycrazydeals.com.

El código html es como se muestra a continuación:

<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
    <li>
<table>
<tbody>
<tr>
<td align="center" valign="center">

<a href="#"><img src="" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
   </li>
</td>
</tr>   

                <tr>
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%" noshade></td>
                    <td>$40.00<hr width="100%" noshade></td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>