Is there a way I can remove all styles from an element through something like style: none;?

I'm not entirely sure what it is you're trying to do. Do you want to remove some styles you've applied when some clicks on something or when the page first loads? Is it something like that?

Would you mind giving a little more detail about what you're trying to do? I don't believe there's anything like style:none, but there may be a way to do what you want. I just need a little more detail to understand more what you're trying to achieve.

I have Google search box on phileplanet.com and it is messing everything up in all browsers but Firefox. I have tried padding 0, margin 0, outline 0 and even all three simultaneously but it still looks weird.

Basically, I want to see if removing all CSS from that box will help.

Ok I see what you mean. It looks like that extra space below the form is outside of the form itself and inside the table cell. My first thought is to either set the margin of the form or the padding of the table cell or maybe even both.

Where did you try applying the things you mentioned? Was it on the form or the table cell or something else. The space is probably being caused by a default value on one of the elements. I'm not entirely sure which, but probably the form itself.

I had another thought. Maybe setting the form itself to float to the right since that will take it out of the document flow.

td#searchForm form {float:right}

I'm not sure if that will work, but it might be something else to try.

float: right never occured to me. I tried it and it works great; it's not exactly what I was looking for but 1000 times better than what I had.

Thanks vangogh!