Thu, 2010-01-14 19:25
Hi,
I've been writing css for a LONG time... but still this baffles me. I have the following snippet of css
.col_left ul.left_list1 li { padding: 10px; background-image:url('../img/left_list1_bg.gif'); width: 250px; background-repeat:no-repeat; color: #7c7972; cursor:pointer; } .col_left ul.left_list1 li:hover { color:#3d3938; } .col_left ul.left_list1 li.current { color:#3d3938; background-image:url('../img/left_list1_bg_sel.gif'); }
and it works great everywhere. Except IE (obviously) where the .current background doesn't show up. What's weird is that the background does change, it just goes blank, as if the link were broken, but I've even navigated to /img/left_list1_bg_sel.gif, and it shows up fine... so I'm stumped.
Anybody know what's going on here?
Thanks
Thu, 2010-01-14 19:31
#1
What happens when you take
What happens when you take out the single quotes?
background: url(../img/left_list1_bg_sel.gif);
Thu, 2010-01-14 20:51
#2
can we see it in action?
can we see it in action?
Mon, 2010-01-18 23:27
#3
Hey, I'm having the same
Hey, I'm having the same problem with IE not accepting background positioning...
I've put a little demo up at:
nicholasstephan.com/huh
where I've got a little nav with some rolls. The hover states are coming in fine on all browser but IE6 it seems. What's going on?! According to all the docs, this should be supported all the way back to IE5.5.
Thanks
Tue, 2010-01-19 00:00
#4
Answered elsewhere.
*deleted*