Why does my css change in the facebook canvas?

FairyBusiness
FairyBusiness used Ask the Experts™
on
Here on my index page http://apps.facebook.com/unique_quizzes/ in my facebook application my css is working fine (even though the dashes have been replaced with underscores in my css code), but when I click on the link at the bottom of the page called pink it shows the pink result with the css not working correctly.

Could someone please tell me how to continue my css working on all of my pages in the facebook canvas??
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
What actually isn't working?

Author

Commented:
Well this is what it is suppose to look like:

http://www.fbquizs.com/color/pink.html

And this is what it looks like in the facebook canvas:

http://apps.facebook.com/unique_quizzes/pink.html
Commented:
Well in the file http://static.ak.fbcdn.net/rsrc.php/zATLN/hash/9q0tdq2q.css on line 45 there is a text-align:left declaration for the P element which overrides the text-align:center declaration in your .answer class.

Adding a rule like .answer p {text-align:center;} will fix this.

Author

Commented:
This kind of helped my situation

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial