CSS border not working in IE6

Question

Hi all,

I have a css class (given below). The border element is working fine in firefox, it creates a 6px white border around the image. But in IE(6) it is not creating any border ie only displays the image. Pls help me out I need to figure it out quickly.

.pimage2 {
    background:url(../images/img2.gif) no-repeat;
    width: 469px;
    height:203px; 
    border:7px solid #ffffff; 

}

Thanks, Aditya

Answer 1

maybe with black color: ?

border:7px solid #000;

Answer 2

maybe because you set the table border to 0 eg:

<table border="0" cellpadding="0" cellspacing=0">
<tr>
<td></td>
</tr>
</table>

even though the table border should not have anything to do with the cell border.. i think ie is realy bad at css and maybe this is the problem.. if not you might want to try this :

<td style="border: 7px solid #ffffff"></td>

Answer 3

According to your comment, you're using the CSS on a table cell like this:

<td class="pimage2"></td>

But IE6 won't see this and you won't be able to get the border to show.

To get the border around it, just add a non-breaking space entity in the table cell. Like so:

<td class="pimage2">&‎nbsp;</td>