Chome goin wild

hi im bulding an app for FB [fan page app].
made 3 different CSS for each browser [CHROME,FF,IE] (got any solution to make one for all browsers ?)
now when i load the page directly and not from the FB page chrome shows it well[it messing up my css but ill handle it]
the problem begins when i load it throw FB, the stuff are gettin mad..

try it yourself with Chrome and then with FF/IE[its hebrew so just look at the design itself]

http://www.facebook.com/?ref=logo#!/pages/Hufshonet-The-Ultimate-Vacation/210367058975697?sk=app_135345743203396


most annoyin thing is that the chrome & FB together makes my BG go away for some reason..

heres the code:

body {
margin-top:0px;
margin-bottom:0px;
width: 500px;
overflow:hidden;
margin-left:0px;
padding: 0px;
background: white;
background-image:url('BGnew.jpg');
background-repeat:no-repeat;
background-position:Top right;
font-family: Arial;
text-align: center;

}

and one more thing,

why the HECK chrome messes up my CSS sooooo much ?
any thing i can do to make it 'normal' ?

I think you should ask questions with more script correct language.

"the problem begins when i load it throw FB, the stuff are gettin mad.." so describe the "problem"
"FB page chrome shows it well[it messing up my css but ill handle it]" what?

there's only one type of script that works universally for all browsers. if there are any errors in different browsers then the only thing i could think of is that you're using deprecated material. don't get me wrong, things render differently in different browsers, but based on what you're asking, your implying that you need different script for different browsers which i dont think is possible/necessary.

"the problem begins when i load it throw FB, the stuff are gettin mad.." so describe the "problem"
"FB page chrome shows it well[it messing up my css but ill handle it]" what?


ok, ill xplain..
i have that page
http://appcheck.agilityhoster.com/FBnew.php
and im using it as facebook fan page app [http://developers.facebook.com/docs/guides/canvas/#tabs]

now that page recognizes what browser u using and decides what CSS file to use
[FF uses FBLO_FF.css
Chrome uses FBLO_CHRME.css
and IE uses FBLO_IE.css

ive created all of them...]

the problem is with the Chrome browser...
if ull try goin to that page [what i linked above] ull see the css works pretty well, BUT if ull go to that page

http://www.facebook.com/profile.php?id=525973399&sk=photos#!/pages/Hufshonet-The-Ultimate-Vacation/210367058975697?sk=app_135345743203396

[thats the fan page in FB]

ull see that ONLY in chrome when he loading stuff through the FB fan page it changes the CSS i defined.
[try it on FF/IE too and see what i mean]

the main thing it changes is the background position, for some reason it "kicks" him way away..

thats the code for the background[CSS]:

body {
margin-top:0px;
margin-bottom:0px;
width: 500px;
overflow:hidden;
margin-left:0px;
padding: 0px;
background: white;
background-image:url('BGnew.jpg');
background-repeat:no-repeat;
background-position:Top right;
font-family: Arial;
text-align: center;

}

i have no idea why he does that in the FB only cause as i said, when i load it directly it shows ok.


the other q is if theres any way i can make one CSS file to fit all browsers instead of 3....


hope that makes it clear :)

Ah, I still don't understand this problem but if you change
background-position:Top right;
to
background-position:310px 0;
It does the trick.

DUDE!!!

Ah, I still don't understand this problem but if you change
background-position:Top right;
to
background-position:310px 0;
It does the trick.



that made it !

THX !!!!!