Can you attach a screenshot?

• http://en.wikipedia.org/wiki/Screenshot
• https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem

Use a compressed image type like PNG or JPG to save the screenshot.

Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

• Press and hold Shift and left-click the Reload button.
• Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
• Press "Command + Shift + R" (MAC)

Make sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Accessibility settings.

• Firefox > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"

See also:

• http://kb.mozillazine.org/Website_colors_are_wrong
• http://kb.mozillazine.org/Websites_look_wrong

• https://support.mozilla.org/kb/Options+window+-+Content+panel

HI there,

Just followed your steps, but it has not changed the issue. Thanks for trying to me me out with this one though. I really appeciate it.

See screenshots attached...

1st - images dont align 2nd - no bullet points show on page

The errors are caused by an error with quotes in the style.css file at line number 1528 that causes Firefox to skip the rest of the file.

.infobox p {
	background: url(') no-repeat 15px center;
}

Should be:

.infobox p {
	background: url('') no-repeat 15px center;
}

awesome, that was it. I am so greatful you figuring that out. Out of curiosity though, why did this only happen on firefox? as in safari and chrome the pages still looked fine.

You're welcome.

Firefox doesn't always recover gracefully from errors in a CSS file and reads the entire file till the end and that causes all CSS rules after the error not to get applied.

Firefox comes with some very powerful developments tools.

In this case the Web Console (Web Developer > Web Console;Ctrl+Shift+K) showed me the error and the style editor allowed me to make the change to check if it worked.

• https://developer.mozilla.org/en/Tools
• https://developer.mozilla.org/en/Tools/Page_Inspector

Hello, sorry for a 3 month bump but I have the same problem as the OP.

This is how my website displays on any other browser: http://puu.sh/1R3XL And this is how it appears in Firefox(many users have complained about the problem): http://puu.sh/1R3Ye

Notice that all the content of the page has gone to the right for some reason. I have tried the Mozilla.org troubleshoot, but nothing really worked there. I also thought that the problem was in the style.css file, but I can't figure out what exact place the problem was in.

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

• http://forums.mozillazine.org/viewforum.php?f=25

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

You can check the Error Console or the Web Console for CSS errors.

This can be caused by a missing clear rule (clear:both) and floating content.