Ciao a tutti,
ho un grave problema con un mio sito internet. Come faccio ad eliminare quello spazio bianco sotto la barra col campo di ricerca? non ci dovrebbe essere!

Vi allego i CSS, ma vi prego di guardarli con Firefox...con IE esce una schifezza.

codice:
#page {
background: #FFFFFF;
border-bottom : #A5B5BE 1px solid;
border-left : #A5B5BE 1px solid;
border-right : #A5B5BE 1px solid;
border-top : #A5B5BE 1px solid;
color : #000000;
margin : 20px auto;
text-align : left;
width : 574px;
}

#testata {
background : #336699;
border-bottom : 0px solid black;
height : 190px;
margin : 0px;
padding-bottom : 1px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
}

#barra {
border-bottom : black 0px solid;
border-left :black 0px solid;
border-right : black 0px solid;
border-top : black 0px solid;
margin : 0px 0px 0px;
padding-bottom : 5px;
padding-left : 2px;
padding-right : 0px;
padding-top : 1px;
height : 14px;
background : #A5B5BE;
color:#FFFFFF;
font-size: 9px;
FONT-FAMILY: verdana,san-serif;
text-align: right;

}


#barra input {
border: 1px solid #E8F0F1;
font-size: 9px;
font-family: verdana,san-serif;
background: #A5B5BE;
color: #FFFFFF;
/*height : 11px;*/
}

#barra input:hover {
background: #E0E6E9;
color: #000000;
}

#barra input:focus {
background: #E0E6E9;
color: #000000;
}


#local {
background : #E8F0F1;
border-bottom : #CCCCCC 0px dotted;
border-left : #CCCCCC 0px dotted;
border-right : #CCCCCC 0px dotted;
border-top : #CCCCCC 0px dotted;
margin : 0px 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;

/*width : 512px;*/

}


#menu {

border-bottom : #CCCCCC 0px;
border-left : #CCCCCC 0px;
border-right : #CCCCCC 0px dotted;
border-top : #CCCCCC 0px;
color : #000000;
font-size: 12px;
font-family: verdana,san-serif;
font-weight: bold;
float : left;
padding-bottom : 0px;
padding-left : 10px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 140px;
min-height : 500px;
}


#menu A:link{

color : #1D1D1D;
text-decoration: none;

}

#menu A:visited{

color : #1D1D1D;
text-decoration: none;

}

#menu A:active{

color : #1D1D1D;
text-decoration: none;

}

#menu A:hover{

color : #1D1D1D;
text-decoration: underline;

}


#contenuti {
background-color : #FFFFFF;
border-bottom : #CCCCCC 0px;
border-left : #CCCCCC 0px solid;
border-right : #CCCCCC 0px;
border-top : #CCCCCC 0px;
color : #000000;
margin : 0px 0px 0px 140px;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 0px;
voice-family : inherit;


}



codice:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
     <title>Prova</title>
     <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="page">
      <div id="testata">[img]testa.jpg[/img]</div>
      <div id="barra" method="POST" action="./?do=cerca">
         <form>Lang: EN - <u>IT</u>  | Cerca: <input type="text" name="q" /></form>
      </div>

      <div id="local">
      <div id="menu">
        

Home</p>
        

Link</p>
        

Link2</p>

      </div>

<div id="contenuti">
<h1>Titolo 1</h1>
<h2>05/03/2002</h2>

</div>
</div>
</div>
  </body>
</html>