Question

I have a problem with css rendered differently in browsers, in IE to be specific, thought I could ask here for help, hopefully you can help me out with this : ))

my website is http://www.artisticworksllc.com if you go to the link, on homepage, below the slideshow there are five images linking to different categories of website.

I tested in Firefox & safari and they look ok, in Internet Explorer they are not aligned, fifth image comes down in IE. When I tested it with IE with compatibility view turned on, the images are aligned but other parts of website are messed up (image galleries for example)

Can anyone help me with this please? what to do? I dont know if this is padding or what is causing it. I know I have to implement some kind of IE hack but I dont know what and how : (

help is much appreciated : ))

Thank you

Answer 1

After your link to pull in the CSS, put this:

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

Make a second style sheet called ie.css and just change the parts that need to for IE.

You also have the ability to add versions:

<!--[if IE 7]>

for example.