[Althalos]

Tack för hjälpen. Det här är min förfinade kod:

* {margin:0; padding:0;text-align:left;}
#content {min-height:500px;}
#container{width:701px;margin:0px auto 0px auto;}
#header {width:701px;height:105px;background-image:url(header.gif);}
#form {width:701px;height:39px;background-image:url(form.gif);}
#help {width:671px;height:11px;background-image:url(help.gif);font-size:8pt;font-family:Verdana,Helvetica,Sans-serif;padding:15px 15px;}
#menu {height:10px;width:701px;text-align:right;margin:5px auto 0px auto;}
.menulink {font-size:10pt;}
a:link {text-decoration:none;color:#0066FF;}
a:visited {text-decoration:none;color:#0066FF;}
a:hover {text-decoration:none;color:#00A000;}
.input {margin:10px 20px auto 20px; width:500px;}
.inputbutton {margin:10px 0px auto auto; width:150px;}
.suggestionsBox {z-index:100;margin:0px 20px;width:500px;}
.suggestionList {z-index:100;margin: 0px;padding: 0px;width:500px;background-color:#DCDCDC;border: #9C9C9C 1px solid;}
li {margin: 0px 0px 3px 0px;padding: 3px;cursor: pointer;list-style-type:none;z-index:100;}
li:hover {background-color:#CCCCCC;z-index:100;}
#genbutton {display: block;width: 400px;height:100px;background-image:url(genbutton.png); no-repeat 0 0;margin:0px auto 0px auto;}
#genbutton:hover{background-position: 0 -100px;}
#genbutton span{display: none;}

Men det fungerar fortfarande inte riktigt som det ska... allt som har med listan att göra har z-index:100; :S