Float issue in Firefox

Hi

I have a nav bar and search form on the same line. They display fine in ie
and safari, but in Firebox they are in seperate boxes. Can someone please have
a look at my code and see what the issue is.

Thanks
Julie

CODE:
<div id="subheader" >
<div id="subnav">
[BULLET]
[LI]<a href="http://server27.dedicateduk.com/~budd/index.php">Budd Life
Home</a></li>
[LI]<a
href="http://server27.dedicateduk.com/~budd/articles-listing.php">Articles</a></
li>
[LI]<a
href="http://server27.dedicateduk.com/~budd/news-listing.php">News</a></li>
[LI]<a
href="http://server27.dedicateduk.com/~budd/event-listing.php">Events</a></li>
[LI]<a
href="http://server27.dedicateduk.com/~budd/cartoon-listing.php">Cartoons</a></l
i>
[LI]<a href="blog/index.php">Blog</a></li>
<br />[/BULLET]
</div>
<div id="search">
<form action="search-results.php" method="post" name="search" id="search"
style="width: 200px">
<input name="search" type="text" id="search2" class="search"
style="width:150px"/>
<input name="submit" type="submit" class="search" id="searchsubmit"
style="width:30px" value="GO"/>
</form>
</div></div>
<div id="container" style="clear:both">

CSS:

#subheader {width:820px; clear:both; padding-bottom:40px; }

/*subnav*/

#subnav {text-decoration:none; float:left}
#subnav ul{ list-style:none; margin: 0; padding-bottom:
3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px}
#subnav li {display:inline; list-style:none;}
#subnav a {text-decoration:none; color:white; padding: 3px 20px 0px 0px;}
#subnav a:hover {color: #89be10; width: 1.5em}

/*forms*/
.search{width:200px;}
#search {float:right}