Sorry, where is my mind.
Firefox/Mozilla Child of Div hack
This is a rough example of how this hack works.
#leftMenu>#topVerticalMenu {margin-left:30px;} /* Firefox CSS hack */ This rule is saying: apply this style (margin-left:30px;) to any element that is inside the #topVerticalMenu ID if the #topVerticalMenu ID itself, is inside the #leftMenu ID.
This is a little confusing but don’t worry about it - all you need to know is that IE can’t understand this CSS rule so IE just ignores it. But since FireFox and Mozilla do understand it, the CSS is applied in those browsers.
In other words, the CSS rule: ‘margin-left:30px’ - will only have effect in FireFox and Mozilla, not in IE, because IE doesn’t understand it.
Another point about this CSS hack - CSS rules are applied by the browser from the top - down, so CSS rules that appear last in your stylesheet will be applied last, overriding previously stated rules. That’s why the ‘child of div’ hack has to be applied at the bottom of your CSS file.
I will do a quck CSS hack for your site when I get a chance if its to technical for you.
