Damn You Internet Explorer!!!

[killerchutney]

As you may have guessed, I have a problem with css and Internet Explorer. In FireFox, Opera or any half decent browser the design is fine. But IE is a different story. If you have IE Installed try and view a video, toon or game. See how the page design mucks up? In any other browser this doesnt happen. If anyone has any ideas about why this happens, Please post.

[Jack]

I'm using I.E. and your vidoes are working fine on my end.
By the way, you've got some pretty cool videos. :cool:

[killerchutney]

Thanks, but its not the videos i have the problem with. On the home page everything is centered, on the videos page it is aligned left. Does this problem happen to you, or is it just me?

[thetestingsite]

I'm using IE7 and I don't see any difference between FF and IE. I will take some screenshots and post them for you.

EDIT: Below are the screenshots of IE7 and FF 2.0.0.2 on PC

[killerchutney]

oops, I didn't explain well enough, I meant the page the videos are situated.
http://www.killerchutney.co.uk/CMS/news.php?action=fullnews&id=88
try that.

[Twey]

You should apply text-align: center; to all the elements you want centred. IE has trouble centring using margins sometimes.

[thetestingsite]

Ah, I see what you are talking about now. Yes, do what Twey suggested and that should fix the problem.

[killerchutney]

I have done this but it doesn't work.

I have a div tag around all the content.

Here is the CSS for this tag:

#page {
width:840px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
background-color:#FFFFFF;
}

[Veronica]

Check your doctype, to make sure it matches your content. Sometime that can throw IE off.

Also, try switching the order of margin-right and margin-left so that it's

margin-left:auto;
margin-right:auto;

And finally, try wrapping the whole thing in another div and centering that.

[killerchutney]

Thanks everyone especially Veronica.