Internet Explorer 9 Display Issues

Question

I am working on a website for a client. I have tested the website on Chrome, IE 10, IE 9 etc. But it seems on her computer the site does not display correctly (The logo overlaps the navigation text). She is using Windows Vista 32 Bit, Internet Explorer 9. She doesn't have compatibility mode on, and we have tried it with it on. Also cleared the cache and website data.

Under the link gallery, I had roll-over image/links which Dreamweaver automatically inserted the PHP script into the head of the html code. When I removed that, and just left the links the site went back to normal. I am a bit confused.

Link to the website can be found here (View source should display all the code etc): http://astrodeer.com/clare/

Answer 1

Try this for your CSS

#logo_container {
height: 50px;
margin-top: -20px;
width: 220px;
margin: 0 auto;
}
#logo_img {
height: 220px;
position: relative;
width: 220px;
z-index: 97;
}
#bridalgallery a {
background: #ffff00; /* use background:url(yourimage.png) */
padding: 10px;
display: block;
width:300px; /* use your image width */
height:300px; /* use your image heigth */
}
#bridalgallery a:hover {
background: #ffffff; /* use background:url(yourimagehover.png) */
padding: 10px;
display: block;
width:300px; /* use your image width */
height:300px; /* use your image heigth */
}