CMS Made Simple Forums

I have a created a horizontal bar across my website. It has the same attributes as my footer bar but contains a breadcrumb and a search box. It looks fine in both Firefox and IE7 but in IE6 it stretches the bar vertically. When I remove the search feature the bar returns to normal so I'm assuming that the Search feature is what is causing the problem.

URL

http://www.wdbuild.com/daviesflowershop/

CSS.


#mastcont
{
width:785px;
height:88px;
}

#mast
{
width:475px;
height:88px;
background-color:#f4cadd;
background-image:url(images/davies_mast1.gif);
float:left;
}

#mastflash
{
width:310px;
height:88px;
background-color:#f4cadd;
float:left;
}

#nav
{
width:785px;
height:30px;
background-color:magenta;
background-image:url(images/nav_middle.gif);
clear:both;

}

#bread
{

float:left;
width:165px;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:white;
padding: 7px 0px 0px 5px;

}


#search_for
{

float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:white;
padding: 5px 10px 0px 0px;
vertical-align:middle;

}

----------

XHTML



                                       {breadcrumbs}
                                       {search submit="Go"}

                               

---------

Any assistance would be hugely appreciated! If I need to provide more information just say so! Thanks

Try this in your css below the search_for stuff:
By the way this belongs to the layout section not to the developers...

Thank you!