Problem med css overlapning.

Hej Eksperter

Med hjælp herfra lykkedes det endelig at få min livesearch funktion til at virke. Jeg støder nu bare på et problem idet mine søgeresultater ikke vil "fylde" i firefox og safari. Internet Explorer klarer det fint og skubber således blot indholdet nedenunder resultaterne længere ned, men FF og Safari viser resultaterne ovenpå de andre ting.

Min form:

    <div class="search">
      <form>
        <input type="text" id="txt1" onkeyup="showHint(this.value)" maxlength="12">
      </form>
      <br clear="all">
      <div id="search"></div> /her bliver resultaterne vist
    </div>

resultaterne kommer ud således:

<span class="result">Resultat..</span>



og min css:

.search {
height: 31px;
background-image: url(../gfx/search.gif);
background-repeat: repeat-x;
}

.search form {
background-image: url(../gfx/search.gif);
background-repeat: repeat-x;
}

.search input {
float: right;
margin-top: 4px;
margin-right: 7px;
padding-left: 15px;
padding-top: 3px;
width: 144px;
height: 19px;
background-image: url(../gfx/inputsearch.gif);
background-repeat: no-repeat;
border:solid 0 #fff;
font-family: tahoma;
}

#search {
margin-top: 16px;
font-family: tahoma;
}

#search .overskrift {
width: 100%;
line-height: 1.5em;
color: #4F4F47;
font-size: 80%;
font-weight: bold;
border-bottom: 1px solid #555555;
background-image: url(../gfx/filmbg.gif);
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
}

#search .result {
font-size: 70%;
line-height: 1.4em;
padding-left: 5px;
font-family: verdana;
}

#search .result a {
color: #FFF;
text-decoration: none;
}

#search .result a:hover {
background-color: #FF00FF;}

Hvad skal jeg ændre i CSS filen for at få Safari og Firefox til at virke? Har haft lignende problemer med overlapning af layers og der kunne et display: block; hjælpe, men det nytter ikke meget her.

Søgefunktionen kan ses her:
http://www.jblog.dk/ til venstre..