I have a X (to .hide) a light box. In chrome the x is in the correct position (top right) however when testing in Fire fox, it seems that it ignores it entirely, placing the X instead on the bottom right.

```
 .btn_close{
    background: url( img goes here);
    position: relative;
    bottom: 91%;
    height:25px;
    width:25px;
    background-position:0 0;    
    right: 1.5%;    
}

```

Is there a specific work around for this, or am I missing something key to this. Again it works/looks fine in the chrome version.

Edit: I forgot to mention that it's a light box with a iframe. I think it has to do mostly with the iframe causing a issue (security feature?) By switching it to absolute however it does all the X to move, but it still seems to tuck it under the frame.