need help woth an old style

Anna S

I am using a style that usually hides an empty space left behid by hidden adverts on neopets.com. but since firefoy updated to its most recent version, the style is not as effective as it used to be. like on
http://www.neopets.com/jelly/jelly.phtml

the empty space is still there to the right, instead of things being centered as the style makes them on a great number of other neopets pages

the style is as follows

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("neopets.com") {
div[style="width: 635px;"]{width: 100% !important;}
}

and I have no idea how to edit it in order for the empty space to disappear again

stonecrusher

Something like this:

@-moz-document domain("neopets.com") {
#main,
#ban,
#header,
#content,
#footer,
.welcomeHeader,
.welcomeContent,
img[width="982"] {
    width: 100% !important;
}
.welcomeHeader {
    background-size: cover !important;
}
}

Anna S

shall I add this as a new style or to the existing one?

stonecrusher

However you want, should work both. Just give it a try.

Anna S

unfortunately, neither option has any effect

stonecrusher

Then delete the old style and import the code I posted above.