I am providing a styleClass which sets the border property of the panel to zero using CSS. In IE 7.0 it does not show the border as expected. But in Chrome and Firefox, the border is still seen and this is because the .dr-pnl-b has it specified by default. How do I suppress this? Is this a problem with IE or the other browsers?
I tried providing the bodyClass too but now IE too displays the border. In the class attribute of the panel div, the style provided by me is last in order and I suppose that is the reason that the default style is still taken. How do I change the order or suppress the default style. One way I know is to override the style .dr-pnl-b in my CSS and remove or alter the border property.
You can check what's wrong with your styling using Firebug/IE developer tools. User's stylesheets are always inserted after the components' ones, in order for the user to be able to customize styles; right CSS selectors are the only thing necessary for L-n-F customization.