CSS help with image gallery

[zebrasectomy]

Hey-o.

So here is the link to the gallery:

http://www.asylum360.com/illgallery.html

The problem I'm having is that the thumbnails are supposed to be under the nav bar, not next to it.

Here is the CSS code. I'm still pretty new to this...

/*image Gallery*/

body#illbody {background-color:#003333;
background-image:url(assets/layout/grid-trans.png);
font-size:20px; color:#CCC;
font-family:"Agency FB"; src: url(http://www.asylum360.com/assets/agencyr.ttf);}

a:link {text-decoration:none; color:#99c; }
a:visited {text-decoration:none ;color:#99b; }
a:hover {text-decoration:none ;color: #634B63; }
a:active {text-decoration:none ;color: #090;}

div#gallerywrap {
/* display:table-cell;*/
margin: auto 5%;
margin-top: 2%;
min-width:100em;}

div.gallerytop {float: left;}
div.gallerytop ul {padding-left: 0; margin-left: 0;}
div.gallerytop ul li {display: inline;}

ul.topnav {font-size:20px;}
ul li a { text-decoration: none; color: #777; padding: 5px; border: 1px solid #090;}

span.topnavtitle {font-size:35px; padding-right:.5em;}

/*Thumbnails*/

div.thumbnaildiv {postion: relative; float: left;}
div.thumbnaildiv ul {padding-left: 0; margin-left: 0;}
div.thumbnaildiv ul li {display: inline;}

ul.thumblist li {text-decoration: none; border: none;}
ul.thumblist img {text-decoration: none; border: none;}
ul.thumblist a {text-decoration: none; border: none;}

/*End code*/


Any advice at all would be appreciated. Thanks!

[LiteTest]

in your class .thumbnaildiv
add this line:
clear:left;

so your class looks like this:

div.thumbnaildiv {
clear:left;
float:left;
width:50em;
}