CSS border not working in IE6
I have a css class (given below). The border element works fine in firefox, it creates a 6px white border around the image. But in IE (6) it doesn't create any border i.e. displays only the image. Pls help me, I need to figure it out quickly.
.pimage2 {
background:url(../images/img2.gif) no-repeat;
width: 469px;
height:203px;
border:7px solid #ffffff;
}
Thank you, Aditya
+2
source to share
2 answers
As per your comment, you are using CSS in a table cell like this:
<td class="pimage2"></td>
But IE6 won't see this and you won't be able to render the border.
To get a border around it, just add the non-breaking entity of space in the table cell. For example:
<td class="pimage2"> </td>
+1
source to share