problems with opacity, tables being cut off Options

[starling]

My sister asked me to help her out with the html for her myspace, and after a lot of trial and error, we just decided to use the MyGen code generator. Because of her background image and the color she picked for the background of her tables, she wants her opacity set to about 75%. The code generated by MyGen previews perfectly, but when I put it into her myspace, the opacity doesn't work. This is what I got from MyGen:

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"> <br />/*Created using MyGen 2.0 - www.mygen.co.uk*/ <br />/*Background Stuff*/ <br />table, td { background-color:transparent; border:none; border-width:0;} <br />body{background-image:url("http://i5.photobucket.com/albums/y194/pittchic05/967aa66f.jpg"); <br />background-attachment:fixed; <br />background-position:center; <br />background-repeat:no-repeat; } <br /><br />/*Table & Border attributes*/ <br />table table table {border:3px solid; border-color:FFFFC0; padding:1; background-color:FD93DB; } <br />table table{border:0px} <br />table table table table{border:0px} <br />table table table td { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75;) } <br /><br />/*Text Attributes*/ <br />font, td, a, body, input, textarea, table{color:;font-family:;} <br /></style> <br /><br /><!-- end code provided by createblog.com -->

When I change it up and move the opacity code up a few lines, so it looks like this:

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"> <br />/*Created using MyGen 2.0 - www.mygen.co.uk*/ <br />/*Background Stuff*/ <br />table, td { background-color:transparent; border:none; border-width:0;} <br />body{background-image:url("http://i5.photobucket.com/albums/y194/pittchic05/967aa66f.jpg"); <br />background-attachment:fixed; <br />background-position:center; <br />background-repeat:no-repeat; } <br /><br />/*Table & Border attributes*/ <br />table table table {border:3px solid; border-color:FFFFC0; padding:1; background-color:FD93DB; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75;) } <br />table table{border:0px} <br />table table table table{border:0px} <br />table table table td {border:0px} <br /><br />/*Text Attributes*/ <br />font, td, a, body, input, textarea, table{color:;font-family:;} <br /></style> <br /><br /><!-- end code provided by createblog.com -->

her "about me" and "interests" boxes get cut off about halfway through the box, like they're not even there.

So basically, I was wondering if anyone knew the cause of the problem or how to fix it. Any help at all would be appreciated!

If anyone would like to check it out, her myspace is http://www.myspace.com/16346047.

Thanks so much!
--a.

[rich_]

it's not a problem with the code, it's a problem with browsers. no browser on the market processes opacity correctly, which is why it is frowned upon by many designers. basically, the browser hits the opacity, goes skitzo trying to process it and then gives up and the rest of the page element below it.

my suggestion would be to remove the opacity completely and find another way to make the page blend together smoothly.

[starling]

Thanks for your help; we got things straightened out... and yeah, we ended up removing the opacity code. =]

--a.