Issue with prettyPhoto css previous link

Original CSS:

a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}

a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}

With the css like that, when you hover over the next/previous areas of the pop-up you notice the links “animating” onto the screen. It’s especially apparent on the previous link as it’s basically moving the previous link from 10000×10000 (far right and bottom) up. Changing the CSS as follows makes it much more cleaner:

a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) no-repeat 10000px center;display:block;float:right;height:100%;text-indent:-10000px;width:49%}

a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) no-repeat -10000px center;display:block;float:left;height:100%;text-indent:-10000px;width:49%}

I realize this is more of a prettyPhoto issue, but it should be updated in the plugin until they fix it as well. I will see about posting this there.

https://wordpress.org/plugins/responsive-lightbox/