I don't know if this is possible, but I thought I'd check. At each end of the main navigation UL, I have a small, circular image. But when I apply the background image for the whole UL, those images get covered up. Is there a way to make it so those little images show on the ends and have the UL background show in between?

ralphm
—
2010-11-12T13:09:25Z —
#2

Based on the link above, I can't figure out what you are asking.

auxano said:

At each end of the main navigation UL...

Isn't there only one?

PaulOB
—
2010-11-12T13:17:43Z —
#3

I'm a bit confused also

Do you mean you want an image at the end of each list element?

You can only have one image on the ul but any images on the list won't get covered up.

You may need to clarify a bit so we can get an idea of what you want exactly.

auxano
—
2010-11-12T13:45:14Z —
#4

Sorry for the confusion. I was in a rush when I posted that because my kids woke up and it was time for me to get them ready for school.

Okay, I've attached a screen shot of what the ul is supposed to look like. Can you see the little rounded shape on the left side and on the right side?

I tried to add those images by targeting the first and last menu items...

The nav-end images, though very subtle, are visible in Firefox, Safari and IE8, so I guess you are viewing in IE7 (6 looks very messy, so presumably hasn't been addressed yet).

Selector consistency may be the answer. You currently specify:

ul#nav
ul#nav li a.salon-menu
ul#nav li a.contact

but the list elements are targeted with

#nav li

Try changing #nav li to ul#nav li .

auxano
—
2010-11-12T14:16:00Z —
#6

I'm actually working in the latest version of Firefox. I just removed (commented out) the background on the ul so you guys can see the images that are on the ends. When the ul background is applied, those rounded images somewhat disappear....they look rectangular instead of rounded as you can see right now.

Thanks for the idea...I changed everything to read ul#nav.

Victorinox
—
2010-11-12T15:13:28Z —
#7

Try using negative margins to shift the images clear of the ul background: