Avatar of Panos
PanosFlag for Germany

asked on 

li Background image problem in IE

Helloexperts.
I can't show the divider image in my list in the code below in IE
Any help?
<style type="text/css">
/*navbar */
ul#menu{margin-top:0; padding:0; list-style:none;}
#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:0;padding:0;height:21px;}
#menu li a{background:url('style/images/menu/navbuttons.png') no-repeat; width:100%; height:100%; display:block;}

/* Home Button */
#menu li.home{width:70px; height:21px;}
#menu li.home a{background-position:0px 0px;}
#menu li.home a:hover{background-position:-189px 0px;}

/* Shopcart Button */
#menu li.shopcart{width:164px; height:21px;}
#menu li.shopcart span{overflow:visible;text-indent:0px;  display:inline; float:right; margin-top:4px;}
#menu li.shopcart a{background-position:0px -21px;color: #600;}
#menu li.shopcart a:hover{background-position:-189px -21px;color:#333366}
#menu .divider { background:url('style/images/menu/divider.png')no-repeat; width:10px; height:20px; margin-left:5px; padding-right:5px;}
/* end navbar */
</style>

<ul id="menu">
<li class="home"><a href="index.cfm?carttoken=506550Q051311104542">Home</a></li>
<li class="divider">&nbsp;</li>
<li class="shopcart"><a href="index.cfm?action=view&carttoken=506550Q051311104542">Shopcart <span>(1)</span></a></li>
</ul>

Open in new window

CSSHTML

Avatar of undefined
Last Comment
Panos
Avatar of Zyloch
Zyloch
Flag of United States of America image

Would you be able to provide these images so that I can test. Also, which versions of IE have you checked? Does it work well on other browsers?
Avatar of Panos
Panos
Flag of Germany image

ASKER

Hi Zyloch
You can check this here for some minutes:
http://ierotheos.selfip.com/testmenu.html

I test this in ietester and ie6.It is working in all browsers except ie
ASKER CERTIFIED SOLUTION
Avatar of Zyloch
Zyloch
Flag of United States of America image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of Panos
Panos
Flag of Germany image

ASKER

Thank you very much.
It is working now
Avatar of Panos
Panos
Flag of Germany image

ASKER

Thank you very much.
regards
panos
HTML
HTML

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

62K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo