Question: As per the title, it seems only Chrome isn't playign along. Note that form fields cannot be clicked on which are on the left portion of the screen. This only occurs on some pages (such as the Contact page). It appears that the #left\_outer div is overlaying the content. When I edit the css via Firebug or Chrome's dev toools, it works, when I edit the actual css and refresh, it does not.

Any ideas?

**LINK:** 

Thanks!

Answer: 
Usually when you have set the `z-index` property, but things aren't working as you might expect, it is related to the `position` attribute. 

In order for `z-index` to work properly, the element needs to be "positioned". This means that it must have the `position` attribute set to one of `absolute`, `relative`, or `fixed`.

Note that your element will also be positioned relative to the first ancestor that is positioned if you use `position: absolute` and `top`, `left`, `right`, `bottom`, etc.
I know this is now resolved but posted solution didn't work for me. Here is what resolved my problem:

```
<act:AutoCompleteExtender ID="ace" runat="server" OnClientShown="clientShown">
</act:AutoCompleteExtender>

<script language="javascript" type="text/javascript">
    function clientShown(ctl, args) {
        ctl._completionListElement.style.zIndex = 99999;
    }
</script> 

```