Home/ Questions/Q 8137249
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T11:03:05+00:00

I have a list of items, like a menu, where the current item has

  • 0

I have a list of items, like a menu, where the current item has a background image that is kind of like a big pointer to the right. This background image pointer thing should escape the bounding box of the div it’s contained within. Here is a screenshot of how it appears in Chrome and FF, which is as i expected it to appear:

enter image description here

I’ve set up a jsfiddle with the code, minus the background image thing as I can’t be bothered uploading it anywhere. But I’ve set the background colour so you can see what I’m referring to

The code is here: http://jsfiddle.net/V8TNm/

So in Chrome and FF, the yellow background of the active item will stretch past the grey gradient box. But in IE9, it’s cut off.

Any ideas why, and what an easy fix may be?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Simply add position:relative.

    #nav_mod_list div.current {
position: relative;
}

    http://jsfiddle.net/V8TNm/3/

    • 0