Css bir tasarım yapıyorum ve div içinde iki tane div kullanmak istedim fakat nedense ikinci div aşağı doğru kayıyor buna bir çözüm bulamadım.Arama div'i aşağı doğru kayıyor.
Html kodlar
<div id="Tepe_Menu">
<div id="Menu"><a href="#">Bağlantılar</a></div>
<div id="Arama"><input type="text" /></div>
</div>Css kodlar#Tepe_Menu
{
width: 1000px;
height: 33px;
background-image: url(../images/menu_bg.gif);
background-repeat: repeat-x;
}
#Menu a
{
text-align: center;
line-height: 30px;
width: 70px;
height: 33px;
display: block;
font-weight: bold;
text-decoration: none;
color: Orange;
}
#Menu a:hover
{
color: Aqua;
background-color: Blue;
}
#Arama
{
float:right;
width:180px;
height:33px;
display:block;
}Edit: Tamam düzelttim Menu kısmına float:left; eklemek yeterliymiş 
. 2 saattir göremedim ufacık hatayı.Edit2: Ama başka bir sorun meydana geldi bu text input'u ortalayamadım vertical olarak bunu nasıl yapabilirim?
Edit3: Bunuda hallettim IE'de line-height bug'u(inputlar için geçerli) varmış. onun yerine margin kullandım.
