Image in Table List (Works in Firefox but not in IE)

[eluser]cinewbie81[/eluser]
Hi guys,

Table List php file

Code:

$htmlCode = '';
$htmlCode = '<td align=left.'> <span class="'.'warning'.'"></span></td>';
echo $htmlCode

Css file

Code:

span.warning
{
    padding-left:20px;
    background: transparent url(../images/warning.gif) no-repeat left;
}

The code above will display warning.gif icon in the table list for Firefox, but it display nothing in IE. Any idea ?

Thanks.

[eluser]Sawariya[/eluser]
Specify the width and height of image in css or ur view page...

[eluser]Sawariya[/eluser]
try this
#warning
{
width:16px;
height:16px;
padding-left:20px;

background-image:url(../images/warning.gif) no-repeat left;
background-repeat:no-repeat;
}