Hi everyone. I hope someone can help me. I am trying to finish my myspace page. i have a solid color for the background of my tables. I want to make the table background color be opaque to 50%. I want my font colors to be solid (no transparenty for the fonts). The only problem is the table background color is not opaque. It's not reading the code properly or something. I am using Internet Explorer. This is my code:

<style type="text/css">
body {
background-color: rgb(255,255,255);
background-image: url(http://i72.photobucket.com/albums/i166/cimica/lay1280_960.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 6px;
}
table table table table{
border: 6px;
}
table table table {
border-width: 6px;
border-color: rgb(243, 132, 118);
border-style: double;
background-color: rgb(243, 132, 118);
}
table table table td {
background-color: rgb(243, 132, 118);
filter:alpha(50);
-moz-opacity:0.;
opacity: 50;
-khtml-opacity:0.;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Courier New;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
display: block;
font-family: Courier New;
font-size: 16px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(170, 0, 0);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>


THANKS!!!

I came across the following once (adjust as needed, it works for some people but not all):

<style type="text/css">
table table table{
width:100%;
background-color:666666;
}
a img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} </style>