Nu har jag ett nytt problem :S
http://riskanalysatorn.ekdahlproduction.com , där har ni vad jag jobbar på. Testa skriv t. ex. e i formuläret så får ni upp en lista på tidigare sökningar (etanol). Problemet är att det kommer att ligga bakom övriga divvar. Jag lyckades med negativt z-index få det att fungera i FF, men sedan fungerade ingenting i IE.
Ingenting jag läst om z-index har hjälpt mig att lösa detta. Har ni några tips?
Citat:
* {margin:0; padding:0;z-index:0;position:relative;text-align:left;}
* #content {min-height:500px;z-index:0;}
#container{width:701px;margin:0px auto 0px auto;z-index:0;}
#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-skrit;padding:15px 15px;position:relative;z-index:0;}
#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;position:relative;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;z-index:0;}
#genbutton:hover{background-position: 0 -100px;}
#genbutton span{display: none;}
|