Hello people!... I designed a website, and yesterday i have added some jQuery based login panels...

My website works GREAT if i browse it with Chrome, opera or Firefox...
But if i browse it with IE 8.0, it have SERIOUS compatibility issues....

take a look: www.playfrag.com

I dont have idea of how to solve it... could you help me please!!?

thank you very much in advance!

it have SERIOUS compatibility issues....

And they are??

Originally Posted by chrishirst

And they are??

take a look with IE and Firefox and you will se the issues...

They bassically are:

1) the navigation bar has problems on IE.
2) the jQuery login panel based on the left top border down the site banner doesnt appear correctly.
3) the ul organized content appears centered in IE, when its supposed to be left aligned.

thank you in advance!

Well, you'll have to more specific. Because I cannot see anything that would qualify as "Serious compatibility issues"

Which is why I asked the question in post #2

ok, here you have







those are the compatibility issues i wastalking about...

Are you specifying Compatibility mode in your code - which makes IE8 render like IE7??

well, i think i fixed it, thankyou everyone!

Well, Just by checking out your css code, you did not preform a compatibility reset. I know that I have had some issues with spacing in the past.

<style type='text/css'>
* {
     margin:0;
     padding:0;
}
</style>

That would be my only guess. Other than that, I would suspect invalid css, but its all valid: