Browser Issues: IE8 & CSS

[dezinerite]

I've placed a jQuery slideshow on the homepage of the website I'm designing. The slideshow looks alright on the latest versions of Firefox, Opera and Google Chrome.

Unfortunately, it's not appearing as it should be on Internet Explorer 8. The images on the slideshow are not appearing correctly on the frame. It is set to rotate 'up-to-down', and the images move 16px lower than they ought to. Here's an example of the problem I'm facing:

Please help! Thanks.:hearts:

 

[Debt.tv]

add this code to the head of your html file then create a special css file for each IE. This should fix your issue.

<link rel="stylesheet" type="text/css" href="stylesheet/style.css" />

<!--[if IE 8]><link href="stylesheet/ie8.css" rel="stylesheet" type="text/css" /><![endif]-->

<!--[if IE 7]><link href="stylesheet/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->

<!--[if IE 6]><link href="stylesheet/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->

 

[dezinerite]

Oh cool, never really thought of that. Thanks soooooo much!:loveyou:

 

[eagle12]

That is a terrible idea. You should be able to fix it without using a whole bunch of different sheets. I would be willing to be that you have the page doctype set to transitional (quirks).

 

[Debt.tv]

That is a terrible idea. You should be able to fix it without using a whole bunch of different sheets. I would be willing to be that you have the page doctype set to transitional (quirks).

Always learning! Thats what I was told to do when I was having similar issues.