I have been up all night working on this template for a local business and have been running into some major issues with IE6 (what else is new?).  I have used !important in the past but not as heavily as for this project, sure learned a lot.

For those who don’t know – creating stylesheets that render identically in both Internet Explorer and Good browsers is a saught after talent.  I could get into a whole mess about how yucky it is working with IE but instead you can Google it yourself, someone else has no doubt already written about this much better than I can.

A quick explanation of !important is as follows :

Firefox renders it, Internet Explorer doesn’t.  For Example :

margin-left:10px !important;

margin-left:5px;

Firefox will push whatever div over 10 pixels while Internet Explorer will get confused, skip the line and render the 5px margin.

It is important to put !important before any other “contradicting” statements as it could play mind games and mess you up something awful.

Take a look at the in-progress template and tell me what you think…

http://rxbalance.enumplus.org