I have a list contained by two div elements, aswell as a div after the list. In IE there appears to be a gap after the list which I cant get rid of!

If I change the margin, it does increase / decrease however there is always at least about 10px extra.

.navOption {
    border:#000 solid 1px;
    list-style-type:none;
    margin-bottom:10px;
    float:right;
    width:100%;}
    
.navOption li {
    display:inline;}

.navOption a {
    padding:4px;
    margin-left:2px;
    border:#000 solid 1px;
    float:right;}
    
.box, .boxHide {
    border:#CCC solid 1px;
    background-image:url(../image/bgStripeFaint.gif);
    margin-bottom:1.5em;
    clear:both;
    padding:1em}

#content, #contentWide {
    padding:1px 15px;
    width:320px;
    background:url(../image/bgCropTop.gif) no-repeat;}

#contentBg {
    width:350px;
    background:url(../image/bgCropBtm.gif) no-repeat 0 100%;}

#contentBgWide {
    width:720px;
    background:url(../image/bgCropWideBtm.gif) no-repeat 0 100%;}
    
#contentWide {
    width:690px;
    background:url(../image/bgCropWideTop.gif) no-repeat;}

          <div id="contentBgWide">
          <div id="contentWide">
            <h1>Process Completed</h1>
                <ul class="navOption">
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                </ul>
            <div class="box">
                  content of div
            </div>
            <br class="clear" /></div>
      </div>

Any ideas on how to fix it are much appreciated!

I believe that I am having a similar problem with a site I am working on. The page is at http://www.sudvarg.com/coachforcancer/overview. Most of the links on the navigation bar are just straight links, but hovering over the Home link triggers a dropdown menu, so that link is part of a list. It looks alright in Firefox and other browsers, but in IE 6, the Home link is positioned higher than the other links in the nav bar and there is a huge space below it. If I fix the problem, I'll let you know. If anybody else knows of a fix, it would be greatly appreciated.

Got a link to the page ?

Here is a link [ignore the error messages on the page]
http://69.16.196.116/~inspin/files/m...in/process.php

Thanks

I think your problem lies in the fact that you are floating the navOption box but not the content box (class being "box") to the right. I suspect it will fix your problem if you also float your content box to the right.