Getting a border on right and left sides not working in IE

help please!

[Clark]

I'm using code like this and it's showing up in firefox but blank in I.E.

<tr bgcolor="#738FBF">
<td class="tinyfont" colspan="4" style="border: thin #000000; border-style: solid; border-color:#000000; border-width: 0px 1px 0px 1px; height:5px;" align="center"></td></tr>

Is there a safe way to get right and left border showing up?

[coho75]

This seems to work in my version of IE:

<tr bgcolor="#738FBF">
<td class="tinyfont" colspan="4" style="border-right:1px solid #000;border-left:1px solid #000; height:5px; text-align:center">Hello there</td></tr>

[Clark]

Thanks. That works for Firefox too I presume?

[coho75]

Don't have Firefox available to me at work, but there is no reason why it shouldn't.

[Clark]

Very weird but it's not working for me on I.E.

[coho75]

Which version of IE are using to test the page?

[Clark]

6.028

But I tested some code on w3schools and it does work. Maybe I'm overriding the property somewhere in the code somehow? I thought the style set closest to the object is the overriding one?

[Clark]

Fixed it.

The <td> was empty but the height:5px increased the height in firefox and appeared perfect in IE but the borders didn't show.

&nbsp; put the borders back. But the height is too high sigh.

This whole css is voodoo.

[doodlebee]

Just out of curisoty - do you have more code we could see? There probably is something else overriding it - just because it's closest doesn't mean you've redefined everything that was already defined.

(and just for defense - CSS is not "voodoo"!)

But if you could post your HTML and CSS, we could get a better idea of what the issue is and how to fix it. :)