Firefox Top Left Right Paddings

I can across a very irritating issue with firefox since I needed my images to look in the center.

CSS Before (wrong):.panelImage
{
position: absolute;
top: -50px;
text-align: center;
padding-left: 30%;
}
CSS After (Right):.panelImage
{
position: absolute;
top: -50px;
top: -50px!important; /* for Firefox */
left: 0;    /* since firefox was putting the image in the centre */
text-align: center;
padding-left: 30%;                /* padding in IE and Chrome */
-moz-padding-start: 30%; /*padding in firefox */
}

Without adding the “left: 0;” the -moz-padding-start was starting from the other edge of the divider. -Moz-padding-start moved an element to the right, if you need to move to the left you can use -moz-padding-left however both do not except negative values.

Before (Wrong):
After (Right):