Web Design Help with Dog care template

hi, i was trying to change the foto on my next pages as well of the background of the Dog care template and found this post... I could change the picture with the codes in the style.css file and the html code, just somehow my navagation bar changes as well...

style.css i have
}
#nav {
padding-top: 372px;
background: url(images/header.jpg) no-repeat;
}
#nav2 {
padding-top: 372px;
background: url(images/header2.jpg) no-repeat;

and the page

</div>
<div id="nav2">
<ul>
<li class="home"><a href="index.html"><strong>Home</strong></a></li>
<li><a href="accommodations.htm"><strong>Accommodations</strong></a></li>
<li><a href="restaurant.htm"><strong>Restaurant</strong></a></li>
<li><a href="reservations.htm"><strong>Reservations</strong></a></li>
<li><a href="activities.htm"><strong>Activities</strong></a></li>
<li><a href="

 

sorry for not opening a new thread...

The original image i could change to my new image for all pages, i made the other pictures that i would like to have the same size and same resolution, but every time i change add the extra line in the style sheet with header2 and than change to nav2 in the code it changes the photo but also my navagation bar, it is not in the bar horisonal anymore, it changes with bullits underneed eachother...

website is www.mizataresort.com

thanks a lot for your help!