Hey, I am currently writing the CSS for a project of mine. It is working fine, except for one thing- the <p> tag is inheriting the <table> tag's CSS. Is there any way to stop this or at least make the <p> tag's CSS more important than the <table>'s? Thanks.
-drndrw
EH?
If you want to change the css for <p> inside <table> then you write
table p {
...
}
That does not seem to work 
. I should probably explain my problem in a bit more detail. I currently have a filter on my table CSS to lower the opaticty. The same thing is happening to my <p> css. How can I stop this? Thanks.
Seems like you can get it to work in IE if you assign position: relative to the paragraph, but I can't get it to work in Firefox:
table.test {
background-color: white;
color: black;
opacity: .5;
filter: alpha(opacity=50);
}
table.test p {
background-color: white;
position: relative;
opacity: 1;
filter: alpha(opacity=100);
z-index: 3;
}
Ah okay. I think the site where I got that from also explained a work around for Firefox as well.