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: 
```
.div {
 position:absolute;
 left:50%;
 transform:translate(-50%,0)
}

```
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.