Использование изображения в качестве ссылки

Поэтому я чувствую, что делаю все правильно, но не могу заставить мои изображения ссылаться на другую страницу.

Мой html:

<div id="picbox" >
   <div id="first"><a href="classes.htm"><img src="images/skyrim edit1.png" width="200px" height="500px"></a></div>
   <div id="second"><a href="skilltree.htm"><img src="images/skyrim edit2.jpg" width="200px" height="500px"></a></div>
   <div id="third"><a href="equipment.htm"><img src="images/Daedric_Armor_(Skyrim).jpg" width="200px" height="500px"></a></div>
   <div id="fourth"><a href="locations.htm"><img src="images/skyrimmap.jpg" width="200px" height="500px"></a></div>
   <div id="fifth"><a href="tips.htm"><img src="images/skyrimlogo.png" width="200px" height="500px"></a></div>
</div>

Мой css:

#picbox{
position: relative;
top: 300px;
width: 100%;
height: 600px;
overflow: hidden;
z-index: -6;}

#first, #second, #third, #fourth, #fifth
{border: 2px solid orange;
height: 500px;
width: 200px;
margin-top: 25px;}

#first{
float: left;
margin-left: 100px;}

#second{
float: left;
margin-left: 175px;}

#third{
float: left;
margin-left: 175px;}

#fourth{
float: left;
margin-left: 175px;}

#fifth{
float: left;
margin-left: 175px;}    

Поэтому любая помощь будет очень признательна. У меня есть 5 divs в более крупном div. Я пытаюсь поместить изображения в более мелкие div и связать их с другими страницами