I have successfully removed (or rather hidden) an individual row within a table on my MySpace page. My problem is that it only seems to work in Firefox and Opera. I can't seem to get it to work in Internet Explorer.

I basically just have a style set to change the following:
font-size:0px;
margin:0px;
padding:0px;
border:none;

Can anyone shed any light as to why this works in Firefox but not in IE? What change can I make to make the row disappear in both browsers?

Thanks

First, IE has a different translation script for css than firefox or opera. are you trying to make it go away all together or in just one spot cause if you are trying to remove a row in the table all together just go into the table code and remove the code associated with that row in the table.

My objective is to hide the row and cause the rows above and below the target row to appear to have a cohesive flow. I can't physically remove the row as I don't have access to the actual tables within MySpace. I can only use HTML and CSS (no javascript or other scripts) to cosmetically change the page content.

Ooops....perhaps I should be a bit clearer about my objective since my thread has been moved from the CSS forum to the MySpace forum. I am attempting to hide the Zodiac information within the Details table on MySpace. The code I am currently using, as described in my original post, works perfectly in Firefox and Opera; however, it is not working in IE. Hence, my dilemma.

My ongoing search on the web reveals that IE does not support the :before and :after pseudo elements, so it does not appear that I am going to be able to achieve my objective without JavaScript. Unfortunately, MySpace does not allow JavaScript, so that is not an option. I can effectively hide ALL of the details table but was hoping for a solution to only hide the element pertaining to the Zodiac.

Oh well, such is life....