[gelöst]Horizontal-menu und der IE

servus,
ich habe gerade ein theme angepasst, und alles hat toll funktioniert, bis ich auf die Idee gekommen bin mal zu schauen, was der IE denn zu der Seite sagt(zeigt).

das Problem: ich habe manuell ein Horizontalmenu eingefügt, und jetzt macht mein IE einen ziemlichen Senf draus und spielt Picasso mit meiner sidebar.

Ich muss leider sagen, das ich bisher ein ziemlicher Tabellenidiot war, wenns um Webseiten basteln ging, und so kenne ich mich mit <div>ersen anderen Layoutmöglichkeiten nicht richtig aus...

also ersma der text:
Horizontal.php:

<div id="navcontainer">
<ul id="navlist">
[*][url="<?php bloginfo('url'); ?>/?page_id=4"]Info[/url]
[*][url="<?php bloginfo('url'); ?>/?page_id=5"]Spenden[/url]
[*][url="<?php bloginfo('url'); ?>"]Home[/url]
[/list]
</div>

Aufruf in der index.php:

<div id="hmenu">
<div id="hnav">


<?php include (TEMPLATEPATH . '/horizontal.php'); ?>


</div>
</div>

auszug aus der css:

#hmenu {
  height: 22px;
  background: #f90;
  padding: 0 175px 0 0;
}


#hnav {
  margin: 0;
  padding: 0;
}


#navcontainer
{
  float: left;
  width: 771px;
  margin: 0;
  padding: 0;
  height: 20px;
  border: 1px solid #FF6400;
}

eine navlist habe ich nicht in der css.

Dann der Link zum Problem:
http://adablog.solar-afrika.de

*edit*
die horizontal.php sieht mittlerweile so aus:

<div id="navcontainer">
<div id="hmenu">
<ul>
[*][url="<?php bloginfo('url'); ?>/?page_id=4"]Info[/url]
[*][url="<?php bloginfo('url'); ?>/?page_id=5"]Spenden[/url]
[*][url="<?php bloginfo('url'); ?>"]Home[/url]
[/list]
</div>
</div>

was aber am problem nichts ändert.

**edit2:
vielleicht liegts am theme?
der xhtml validator zeigt mir eine menge fehler an!

tja, problem erkannt, problem gebannt.
die sidebar ist nach rechts rausgerutscht im IE, weil ich zwei verschachteltete div's mit denselben ids ( #hnav ) für das horizontalmenu benutzt hatte.

ABER, meine sidebar wird vom IE noch unterhalb des contents der seite angezeigt. vielleicht kennt jemand das problem und kann mich auf den richtigen pfad stupsen. (-:

update (dies wird mein letzter post sein, ohne antwort)

ich habe alle Fehler aus der Css un der Html ausgabe rausbekommen. die seite ist jetzt valid XHTML Transitional.desweiteren habe ich alle kombinationen von:
#rap width:
#content width:
und #menu width:
ausprobiert. mir wird fast schlecht, als ich mal aus verzweiflung #rap width:2741; eingestellt hatte, war mein menu im IE wieder oben. Ich will keine Seite, die 2741 pixel und mehr hat!
Im Bereich bis 50 Pixel hin und her bei den Werten oben ändert sich mein Problem nicht (Menu unter dem content), siehe hier:
http://adablog.solar-afrika.de

naja, wem es spaß macht, der kann ja mal die css anschauen, vielleicht habe ich etwas gaanz dummes übersehen. Ich liefer gerne auch die gesamte css.

body {
  background-color: #CCC;
  /*background-image: url(images/bg1.gif);*/
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
}




#rap {
  width: 772px;
  background-image: url(images/menu.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: right;
  background-color: #fff;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border:1px solid #FF6400;
  text-align: left;  /* IE 5.5 hack part II */
}




#masthead {
	background-image: url('images/banner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #fff;
	height: 190px;
	border-bottom: 1px solid #F90;
}
#masthead h2{
	text-align:right;
	margin: 0 10px 0 0;
	color:#FFF;
}


#main {
}


#content {
  float: left;
  width: 591px;
}


#menu {
  float: right;
  width: 175px;


}

[gelöst]

update:

komplett neues theme gebaut, da waren dann nur noch meine eigenen Fehler drin, und die habe ich nach und nach auch alle rausbekommen...