.album {
  max-width: 700px; /** for this example, I don't give a rats (*) about IE */
  clear: both;
  float:left;
  margin:0px 5px 20px 0px;
  padding:0px 1px 20px 0px;
  text-align:center;
  min-height:400px;
  width:450px;

}



.album h2 {
  clear: both;
}
.album a {
  display: block;
  float: left;
  margin-right: 1em;
  padding: 10px 10px 4px 10px;
  margin: 10px 10px 10px 10px;
  border: 1px solid black;
  background-color: #eee;
  text-align: center;
}



.album a:hover {
  border-color: blue;
}
.album img {
  width: 100px;
  height: 100px;
  border: 0;
}
#album-nav {
  margin-top: 5em;
  max-width: 500px;
  overflow: auto;
}
.prev, .next {
  border: 1px outset #ccc;
  color: #000075;
  background-color: white;
  font-weight:bold;
  padding: 0.25em;
}
.prev:hover,.next:hover {
  border-style: inset;
}
.prev {
  float: left;
}
.next {
  float: right;
}









.album2 {
  max-width: 550px; /** for this example, I don't give a rats (*) about IE */
  clear: both;
  float:left;
  margin: 0px 0px 20px 0px;
  padding:0px 70px 5px 70px;
  text-align:center;
  min-height:700px;

}



.album2 h2 {
  clear: both;
}
.album2 a {
  display: block;
  float: left;
  margin-right: 1em;
  padding: 10px 5px 10px 10px;
  margin: 10px 10px 10px 10px;
  border: 1px solid black;
  background-color: #eee;
  text-align: center;
}

.album2 a:hover {
  border-color: blue;
}
.album2 img {
  width: 120px;
  height: 160px;
  border: 0;
}
#album2-nav {
  margin-top: 5em;
  max-width: 500px;
  overflow: auto;
}