digg_guy
11 Jun 2008, 12:57 PM
Hey There,
Ok what I have is a text box that has an auto-complete feature. When the user types say the letter 'a' it will produce a ul/li list to aid the user in searching. In firefox this works great the list pops up and it overlaps all the other elements around it like I intend on it doing. But, in IE 6 & 7 the list is overlapped by an image that is below it. I have tried setting z-indexes on both the list and the image and nothing works.
the list structure is set up like this
<div>
<ul>
<li>
</li>
</ul>
</div>
this is dynamically created by ajax
the image must be noted it is a rollover image. There is a group picture of a bunch of people and if a user rolls over one of the people a cameo picture pops up below the text box. This is the image that overlaps the auto-completion list. Does anyone know how to make the list overlap everything in IE 6 & 7 ??
Ok what I have is a text box that has an auto-complete feature. When the user types say the letter 'a' it will produce a ul/li list to aid the user in searching. In firefox this works great the list pops up and it overlaps all the other elements around it like I intend on it doing. But, in IE 6 & 7 the list is overlapped by an image that is below it. I have tried setting z-indexes on both the list and the image and nothing works.
the list structure is set up like this
<div>
<ul>
<li>
</li>
</ul>
</div>
this is dynamically created by ajax
the image must be noted it is a rollover image. There is a group picture of a bunch of people and if a user rolls over one of the people a cameo picture pops up below the text box. This is the image that overlaps the auto-completion list. Does anyone know how to make the list overlap everything in IE 6 & 7 ??