如何調整這些標籤/輸入框/鈕上的IE7

This你可以找到一個小提琴例子，這裏是代碼：如何調整這些標籤/輸入框/鈕上的IE7

<div class="menu-alto"> 
    <ul> 
     <li> 
      <a title="Link" href="#">Link</a> 
     </li> 

     <li class="newsletter"> 
      <a title="Newsletter" href="#">Newsletter</a> 
     </li> 
     <li class="last"> 
      <label style="color:#99cc00">cerca&nbsp;</label> 
      <input type="text" style="width:116px;" /> 
      <input type="submit" style="width:40px;" class="bottone" value="VAI" /> 
     </li> 
    </ul> 
</div> 

.menu-alto ul 
{ 
    list-style:none; 
    padding:0; 
    margin:0; 
    border:0; 
} 

.menu-alto li 
{ 
    display:block; 
    float:left; 
    font-family:Arial; 
    text-transform:uppercase; 
    color:#7c7c7c; 
    font-size:10px; 
    padding-right:16px; 
} 

.menu-alto li a:link, 
.menu-alto li a:visited 
{ 
    color:#7c7c7c; 
    text-decoration:none; 
    letter-spacing:1px; 
} 

.menu-alto li a:hover 
{ 
    text-decoration:underline; 
} 

.menu-alto .last 
{ 
    padding-left:5px; 
    position:relative; 
    top:-5px; 
} 

.menu-alto .bottone 
{ 
    position:relative; 
    top:2px; 
    height:21px; 
    font-size:11px; 
}

正如你所看到的（只是在IE7）與文本標籤CERCA未與其他鏈接對齊（例如中間），並且在Chrome上（例如）該按鈕位於垂直中間對齊的底部。我怎樣才能解決這個問題？

來源

2011-07-26 markzzz