HaraldMenza: 2 Divs in div nebeneinander

Beitrag lesen

So, ich habe es jetzt halb geschaft, indem ich per Margin das eingestellt habe. Habe mal den Code rauskopiert, denn dieser wird nur im Firefox korrekt angezeigt, beim IE verschiebt sich die Textbox irgendwie nach unten:

CSS:
#navi {
margin-top:0;
width:735px;
height:59px;
background-color:#000;
}

#links {
width:535px;
float:left;
margin: 12px 0px 0px 12px;
font-family: 'Trebuchet MS', Lucida Grande, Verdana, Sans-Serif;
font-size: 14px;
line-height: 1.5;
color:#fff;
text-align:left;
}

#rechts {
width:176px;
float:right;
text-align:right;
margin: 12px 12px 0px 0px;
}

im HTML

<!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" sel:lang="de" lang="de">

<head><title>test seite</title>

<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div id="navi">
   <div id="links">
    <a href="?site=1" class="aktiv">link1</a> / <a href="?site=2">link2</a> / <a href="?site=3">link3</a> / <a href="?site=4">link4</a>
  </div>
  <div id="rechts">
  <input type="text" name="Text">
  </div>

</div>
</body>

</html>

Jemand eine Ahnung, woran das liegen mag? Im Firefox ist es jetzt so dargestellt, wie ich will. Die Textbox ist auf gleicher Höhe wie die Links nur ganz rechts. Im IE funktioniert gar nix.:(