Question: I have an absolute positioned popup (hover over "ice white" image to see popup) which has css left:50%. Now this should appear in the middle of page but doesn't. Any suggestions please? Thanks in advance.

Answer: 
Lol, no. The *left side* of the image appears at 50% of the page width. Hence; *left: 50%*.

In order to center your image, set *margin: auto* instead.
u can try to change CSS Style like this

```
#displayDiv {
    background-color: white;
    font-weight: bold;
    height: 460px;
    left: 50%;
    margin: auto auto auto -475px;/* change done here */
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 950px;
    z-index: 1;
}

```