Firefox padding issue?

[MCanes]

Can someone tell me why in Firefox the Prev, Listing and Next images towards the top of my site have spacing in between them? In IE 6 they look fine. I have not looked in IE 7 yet.

http://74.52.136.194/~onlinefa/store...products_id=31

[testuser]

Your code looks like this:

<div class="navNextPrevWrapper centeredContent">
<p class="navNextPrevCounter">Product 2/2</p>
<div class="navNextPrevList"><a href="http://74.52.136.194/&#37;7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_prev.gif" alt="Previous" title=" Previous " height="16" width="120"></a></div>

<div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=index&amp;cPath=2_26_62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_return_to_product_list.gif" alt="Return to the Product List" title=" Return to the Product List " height="16" width="120"></a></div>

<div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_next.gif" alt="Next" title=" Next " height="16" width="120"></a></div>
</div>

Try this:

<div class="navNextPrevWrapper centeredContent">
<p class="navNextPrevCounter">Product 2/2</p>
<div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_prev.gif" alt="Previous" title=" Previous " height="16" width="120"></a></div><div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=index&amp;cPath=2_26_62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_return_to_product_list.gif" alt="Return to the Product List" title=" Return to the Product List " height="16" width="120"></a></div><div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_next.gif" alt="Next" title=" Next " height="16" width="120"></a></div>
</div>

And you could get rid of each of these divs, they're not necessary:

<div class="navNextPrevList">

Like this:

<div class="navNextPrevWrapper centeredContent">
<p class="navNextPrevCounter">Product 2/2</p>
<div class="navNextPrevList"><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_prev.gif" alt="Previous" title=" Previous " height="16" width="120"></a><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=index&amp;cPath=2_26_62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_return_to_product_list.gif" alt="Return to the Product List" title=" Return to the Product List " height="16" width="120"></a><a href="http://74.52.136.194/%7Eonlinefa/store/index.php?main_page=product_info&amp;cPath=2_26_62&amp;products_id=62&amp;zenid=b438748dfac2fe75b5ab7a3d0b206cde"><img src="includes/templates/sg247/buttons/english/button_next.gif" alt="Next" title=" Next " height="16" width="120"></a></div>
</div>

Remove Zenid's from links above

[MCanes]

Thanks. This worked great. Thanks so much for the help.

[testuser]