[pein]

I made a theme in weebly, kind of ripped some other sources to make it
It was working well at the start, then some changes went on with weebly, and the bottom of the navigation menu jumped out to the right


i wasn't using this theme for a while but now i want to use it, not many side navigation themes on weebly
it's just a free project so i cant offer you money to fix it
i tried a lot of things, but it just wont go back in place and cant figure out why
can someone spot an error?
it might be just because weebly themes got changed

Code

* {
    margin:0;
    padding:0;
}
body {
  background-image:url(wood2.jpg);
  background-color: #a47141;
  font-family:"lucida grande", arial, sans-serif;
  font-size:12px;
  color:#666666;
  margin:0;
  padding:0;
}
p {
  line-height:1.5;
  padding-bottom:12px;
}
h1 {
  font-size:20px;
  font-weight:bold;
  color:#0000000;
  line-height:1.5;
}
h2 {
  font-size:16px;
  font-weight:bold;
  color:#0000000;
}
#wrapper {
  width:960px;
  margin:0pt auto;
}
#header {
  float:left;
  width:960px;
  height:150px;
  margin-bottom:25px;
}
.weebly_header {
  float:left;
  background:transparent url(logo.png) no-repeat center top;
  width:960px;
  height:150px;
  margin-top:25px;
}
#sitename {
  float:left;
  height:106px;
  padding: 0px 0px 0px 0 px;
  width:860px;
  font-size:10px;
}

#sitename, #sitename a {
  color:#cccccc;
  font-weight:normal;
  text-decoration: none;
}

#content-wrapper {
  float:left;
  width:960px;
}
#contents-top {
  float:left;
  background:transparent url(content_top.png) no-repeat center top;
  width:960px;
  height:150px;
}
#contents-body {
  float:left;
  width:918px;
  padding:10px 20px 10px 20px;
  background-image:url(grungy2.png);
  background-position: center top;
  background-color: transparent;
  background-repeat: repeat-y;}
  border-color: #000000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#navigation {
  float:left;
  width:205px;
}
#nav-top {
  background: transparent url(nav_top.jpg) no-repeat center top;
  width:205px;
  height:42px;
}
#nav-bottom {
  float:center;
  background: transparent url(nav_bottom.gif) no-repeat center top;
  width:205px;
  height:42px;
}
#navigation ul {
  width:205px;
  position:relative;
  margin:0 auto;
  padding: 0;
  list-style-type:none;  
}
#navigation-links {
  float:left;
  margin-top: auto;
  width:203px;
  padding:0px;
  background-color: #e6f0c0;
  border-style: dashed;
  border-color: #b8b8b8;
  background-color: #e6f0c0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-width: 0;
  border-bottom-width: 0;
}
#navigation li {
  float:left;
  background: transparent url(navlink_background.png) no-repeat center top;
  font-size:14px;
  padding:1px 0 0 15px;
  width:188px;
  height:34px;
  list-style:none;
  text-align:center;
}
#navigation li:hover {
  float:left;
  background: transparent url(navlink_background2.png) no-repeat center top;
  font-size:14px;
  padding:1px 0 0 15px;
  width:188px;
  height:34px;
  list-style:none;
  text-align:center;
}

#navigation a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
#navigation a:hover {
  color:#0081cd;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  }
#active a {
  color:#0081cd;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  }
#active a:hover {
  color:#0081cd;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  }
a:link, a:hover, a:visited {
  color:#0081cd;
  font-weight:bold;
  text-decoration:underline;
  text-align:center;
}
#contents {
  float:right;
  width:660px;
  padding:20px 30px 30px 10px;
}
#contents-bottom {
  float:left;
  background:transparent url(content_bottom.png) no-repeat center top;
  width:960px;
  height:150px;
}
#footer {
  float:left;
  width:960px;  
  margin:20px 0 30px 0;
}
#footer-contents {
  float:left;
  color:#666666;
  text-align:right;
  font-family:"lucida grande", "lucida sans", arial, sans-serif;
  padding:7px 10px 0 0px;
  width:940px;
  height:28px;
}}