Internet Explorer 6 and Transparent 0px width borders

IE, Internet Explorer, transparent, 0px, zero px, pixels, width, borders

[TheBrownRecluse]

I'm finally on the last leg of my website.
I'm a total newbie when it comes to anythign web design, But I'm starting to get the hang of it. However...

IE seems to be the prima donna that I always have to work around. For some reason, I can't get the transparent border to show as transparent in IE 6

Here's the code

div.picturebody {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

table#whole {
background-color: transparent;
border-color: transparent;
padding: 0px;
border-spacing: 0px;
width: 718px;
border-width: 0px;
margin-left:auto;
margin-right:auto;
}

table#submit {
background-color: transparent;
width: 266px;
border-width: 0px;
color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td#rightsidebottom {
background-color: #9f2214;
border-color: transparent;
background-image: url(/images/iseourightside.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 50px 0px;

}

td#leftsidebottom {
background-color: #9f2214;
border-color: transparent;
background-image: url(/images/iseouleftside.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0px 0px;
}

[thecoalman]

You don't need all this:

table#whole {
background-color: transparent;
border-color: transparent;
padding: 0px;
border-spacing: 0px;
width: 718px;
border-width: 0px;
margin-left:auto;
margin-right:auto;
}

try:

table#whole {
padding: 0px;
border: 0px;
width: 718px;
margin: auto;
}

[Robin_reala]

For what it’s worth, transparent borders show up as black in IE6 and earlier. Presumably it defaults to black for a colour value it doesn’t understand.

[Dabrowski]

Nicely done thecoalman, but you don't need to specify 0px.

border: 0;

will do, as 0 is 0 in whatever unit.