Modified nggallery.css – Sometimes formatting is missing

I have installed the latest WP and the latest NGG.

I have modified nextgen_basic_imagebrowser.php so that ngg-imagebrowser-nav is located below the array and above the large image. (See below.)

I have modified the CSS using nggallery.css.

When I was done, I had achieved the look I was after. However, the CSS is not consistent. It may look correct on a few images, and then it looks a scrambled mess on another image. I have tried multiple browsers. I have cleared caches, but the problem remains.

NOTE: I use large images. And so prior to the changes above, each time I clicked “Next” to view the next image, the page would jump to the top of the screen. To make it easier to navigate, I moved that navigation above the image.

These are the page(s):
http://rowlandwilliams.com/chez/gallery/
http://rowlandwilliams.com/chez/private-dining/

THIS IS THE NEXTGEN_BASIC_IMAGEBROWSER.PHP HACK:

<div class='ngg-imagebrowser' id='ngg-imagebrowser-3466f829c18f38915236b1c9a2934657-81' data-nextgen-gallery-id="3466f829c18f38915236b1c9a2934657">
  <h3>two</h3>

  <div id="ngg-image-0" class="pic" >

    <div class='ngg-imagebrowser-nav'>

      <div class='back'>
          <a class='ngg-browser-prev' id='ngg-prev-286' href='http://rowlandwilliams.com/chez/private-dining/nggallery/image/one/'>Back</a>
          </div>

          <div class='next'>
          <a class='ngg-browser-next' id='ngg-next-288' href='http://rowlandwilliams.com/chez/private-dining/nggallery/image/three/'>Next</a>
          </div>

          <div class='counter'>
          Picture 2 of 7
          </div>

          <div class='ngg-imagebrowser-desc'>
          </div>

        </div>

      <a href='http://rowlandwilliams.com/chez/wp-content/gallery/private-dining/two.jpg' title=' '
      data-src="http://rowlandwilliams.com/chez/wp-content/gallery/private-dining/two.jpg"
      data-thumbnail="http://rowlandwilliams.com/chez/wp-content/gallery/private-dining/thumbs/thumbs_two.jpg"
      data-image-id="287"
      data-title="two"
      data-description=" "
      class="shutterset_3466f829c18f38915236b1c9a2934657">
      <img title='two' alt='two' src='http://rowlandwilliams.com/chez/wp-content/gallery/private-dining/two.jpg'/></a>
      </div>

THIS IS THE CSS:

<div class='ngg-imagebrowser' id='<?php echo $anchor; ?>' data-nextgen-gallery-id="<?php echo $displayed_gallery->id(); ?>">

  <h3><?php echo esc_attr($image->alttext); ?></h3>

  <?php

  $template_params = array(
      'index' => 0,
      'class' => 'pic',
      'image' => $image,
    );

  $this->include_template('photocrati-nextgen_gallery_display#image/before', $template_params);

  ?>

  <div class='ngg-imagebrowser-nav'>

    <div class='back'>
      <a class='ngg-browser-prev'
      id='ngg-prev-<?php echo $previous_pid; ?>'
      href='<?php echo $previous_image_link; ?>'>
      ◄ <?php _e('Back', 'nggallery'); ?>
      </a>
    </div>

    <div class='next'>
      <a class='ngg-browser-next'
      id='ngg-next-<?php echo $next_pid; ?>'
      href='<?php echo $next_image_link; ?>'>
      <?php _e('Next', 'nggallery'); ?>
      ►
      </a>
    </div>

    <div class='counter'>
      <?php _e('Picture', 'nggallery'); ?> <?php echo $number; ?> <?php _e('of', 'nggallery'); ?> <?php echo $total; ?>
    </div>

    <div class='ngg-imagebrowser-desc'>
      <p>
      <?php echo $image->description; ?>
      </p>
    </div>

  </div>

https://wordpress.org/plugins/nextgen-gallery/