>and is indented as in the original
I think some browser use padding, others use margin to shift li. You need
to set both padding-left and margin-left to have them look the same on all
browsers.
On Tue, Apr 1, 2008 at 6:33 AM, Steen Larsen <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I have made a stylesheet to change the default look of the FeedbackPanel,
> and loaded it with response.renderCSSReference(new ResourceReference(
> Style.class,"yousee.css"), "screen"), where the class Style and the css is
> in the same package. The css looks like this:
>
> li.feedbackPanelERROR {
> background-image: none;
> color: red;
> padding-left: 0px;
> background-repeat: no-repeat;
> background-position: 0px;
> list-style-type: none;
> }
>
> li.feedbackPanelINFO {
> background-image: none;
> color: red;
> padding-left: 0px;
> background-repeat: no-repeat;
> background-position: 0px;
> list-style-type: none;
> }
>
> This works fine in IE7, but for some reason only works partly in Firefox.
> The green background-image is removed but the text is not red, and is
> indented as in the original. Looking at the styles with Firefoxs
> WebDeveloper shows the correct styles. Anybody experienced this and found
> a
> solution ?.
>
> /Steen
>
