Trouble with background image in IE 7 and 8…

[lunarfix.com]

Hello all! I recently created a small site for a friend of mine and can not get the background image or the yellow dots in the menu to shoe in IE 7 or 8. Everything works great in any webkit browser and Firefox. I am stumped!!

http://www.nailsage.com is the site in question.

Code for background image:

Code:

#main {
background-image: url(images/main2.jpg);
position: relative;
width: 945px;
height: 703px;
top: 45px;
}

code for dotted lines in menu:

Code:

dt {

position:relative;
background:url(images/dot.gif) bottom left repeat-x;
}

If you will notice, the yellow dotted lines in the menu are actually small images. I used the same "background:url() for both.

Can anyone shed any light on the issue? Many thanks in advance for any help! -Hugo

[lunarfix.com]

Fixed the background issue. The dots will appear in IE 5.5 but not 6,7 or 8? Weird! I am using http://ipinfo.info/netrenderer/index.php to test the site. Good tool! -Hugo

[virtual]

I can see the dots in IE7 and 8 using VMWare running XP Home, in IETester I can see them too in 6,7 and 8. You should try using IETester you can download it at
http://www.my-debugbar.com/wiki/IETester/HomePage
it doesn’t give you a browser shot, you can actually navigate the site.

[Author]

Posts