I can't seem to find an answer to this on the net anywhere, hopefully you all can help!

I have two style definition for a table layout. The first simply repeats a gradient blue image into the table cell with a darker blue border (header row) and the other style for the 'content' area of the table. This is an example of what it looks like on IE6. This is how it should look:




The problem is that under Firefox and Safari, none of the cell background or border styles show. This is what it looks like in those two browsers:



Here's the style code, I hope it translates OK in a post. If anybody can see the flaw I'd appreciate the help!


.table3top {
background-image: url(images/header_ltblue.gif);
background-repeat: repeat-x;
font-family: Tahoma, Verdana, Arial;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
border-width:1px;
border-color:#3F95B5;
border-style:solid solid solid solid;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;

}

.table3bg {
background-color: #F6F0E0;
border-width:1px;
border-color:#F6F0E0;
border-style:none solid solid solid;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}

Give that table cell/row a height equal to the height of the button graphic you're using.

I had tried that already actually, same result. Notice as well the background color and header row font style are not rendered properly either..

Can you post a link to this page or the html for the login box?