Image Browser Jumps to Top of Page

Hi, All,

I’ve searched and found a multitude of answers to this problem.

I tried this one http://wordpress.org/support/topic/plugin-nextgen-gallery-firefox-36-compatbility-issue-clicking-on-gallery-scrolls-page-up-to-top?replies=25

and it didn’t work.

Then I tried this one http://wordpress.org/support/topic/plugin-nextgen-gallery-image-browser-customisation-page-reload?replies=9

and it worked partially. What’s happening now is that the “next” and back” buttons are at the top of the image vs. the bottom. I’ve tried moving the php in many different way, but each time I get the buttons to the top, the images are resized incorrectly.

Here’s the code in question from imagebrowser.php file

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>

<div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>">
	<span id="picgallery"/>
	<div class="ngg-imagebrowser-nav">
		<div class="back">
			<a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?><?php echo $pid?>#picgallery">◄ <?php _e('Back', 'nggallery') ?></a>
		</div>
		<div class="next">
			<a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>#picgallery"><?php _e('Next', 'nggallery') ?> ►</a>
		</div>
		<div class="counter"><?php _e('Picture', 'nggallery') ?> <?php echo $image->number ?> <?php _e('of', 'nggallery')?> <?php echo $image->total ?></div>
		<div class="ngg-imagebrowser-desc"><p><?php echo $image->description ?></p></div>
	</div>
<p><?php echo $image->alttext ?></p>
	<div class="pic"><?php echo $image->href_link ?></div>

</div>	

<?php endif; ?>

Can anyone show me what I need to do to move the next and back buttons to the bottom?

You can see an example at http://flatsixes.com/cars/911-gt2gt3gt3-rs/exclusive-interior-shots-of-the-2014-porsche-911-gt3-plus-40-others/

http://wordpress.org/extend/plugins/nextgen-gallery/