Space in between two Divs

**kryptokid** · Nov 2, 2004 01:03

Hi,

I've decided to convert my CSS/Table hybrid site purely to just CSS. Up until now it was going pretty well...even fixed up some browser compatibility issues that were bugging me with the old coding.

Anyway this is what the part I'm having a problem with looks like in IE:

Obviously the end piece shouldn't be separate from the global nav section.

Here's the CSS code I have used.

Code:

 
#globalnav {
float: right;
height: 23px;
width:50%;
}
#globalnav a:link {
color: #FFFFFF;
text-decoration: underline;
}
#globalnav a:hover {
text-decoration: none;
}
#globalleft {
float: left;
width: 27px;
margin: 0px 0px 0px 0px;
}
#globalright {
background-color: #102452;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-color: #FFFFFF;
text-align: right;
font-size: 75%;
width: 100%;
height: 23px;
margin-left: 0px;
}

And in html:

Code:

<div id="globalnav">
<div id="globalleft">
	<img src="img/hdr-bannerleft.gif" style="background-color:#FFFFFF;">
</div> 
<div id="globalright">
	<form name="frmSiteSearch" method="get" action="site_search.asp" id="form-element" onSubmit="return CheckForm();">
	 <a href="/index.htm" accesskey="2" title="Home">Home</a> |
	 <a href="/tools/sitemap.htm" accesskey="4">Site map</a> |
	 <a href="/client/about_us/contact/index.htm" accesskey="5">Contact us</a> |
	 Site search <input name="search" type="text" class="searchinput">
	 <img src="img/go.gif" width="14" height="14" align="absmiddle" onclick="document.frmSiteSearch.submit()" style="cursor: pointer">
	</form> 
</div>
 
</div>

It works in Netscape, Firefox but both IE and Opera are having problems.
This is how it turns out in Opera:

If anyone can help me out (or tell me I'm complete goose with my code) I'd appreciate it.

Thanks,
Dan