I did something a little different and it works nicely. test page here

html code
Code:
<div class="resp" style="text-align:center">

     
        <img src="images/HillTeamPhoto.png" alt="Hungry Hill Team">&nbsp;
  
        <img src="images/BlarneyStone.png" alt="Blarney Stone">&nbsp;
  
        <img src="images/BlockParty.jpg" alt="Block Party">&nbsp;
    
        <img src="images/hill-cloud.jpg" alt="Hill Cloud">&nbsp;
    
        <img src="images/Ireland-Trips-past-011.jpg" alt="Ireland-Trips-past-011">&nbsp;
    
        <img src="images/JBO-Gaelic-football-team.jpg" alt="JBO-Gaelic-football-team">&nbsp;
    
        <img src="images/JackHoar&Mantle.jpg" alt="Jack Hoar & Mantle">&nbsp;
    
        <img src="images/KFleury3.jpg" alt="KFleury3">&nbsp;
    
        <img src="images/Ladder-9-5.jpg" alt="Ladder-9-5">&nbsp;
  
        <img src="images/Legion430.png" alt="Legion 430">&nbsp;
   
        <img src="images/team2.png" alt="team 2">&nbsp;
 
        <img src="images/VanHorn.jpg" alt="Van Horn">&nbsp;
 

<IMG class="center" src="images/good-diggin.png" alt="Good Diggin">
<div style="clear:both;"></div>
for css part
Code:
.resp {
 width: 100%;
 height: auto;
 overflow:hidden;
 clear: both;
}