Div im IE8 falsch positioniert

[Divo1984]

Hallo,

ich code seit Tagen an einer CSS Umsetzung für meine Seite http://www.musicworld4all.com, jetzt habe ich folgendes Problem:

Im Seamonkey und Firefox wird alles korrekt angezeigt aber im IE8 (obs auch bei den älteren Versionen ist weiss ich nicht) erscheint meine "Div class content"

so....

Wie gesagt im FF und seamonkey ist alles korrekt!

woran kanns liegen?

Kann mir jemand helfen?

 

[SpiceLab]

Vermutlich hängt es an der fehlenden float:left-Regel für #menu.

Desweiteren fehlt dem Menü-Block der schliessende </div>-Tag, bevor .content beginnt.

 

[Divo1984]

das habe ich ja schon im unteren Block #menu a

aber habs jetzt trotzdem mal im regelblock #menu eingefügt, aber hat sich nix geändert:-(

 

[SpiceLab]

Siehe meinen Nachtrag.

 

[Divo1984]

Auch geändert, aber immernoch das gleiche Prob:-(

 

[SpiceLab]

Neben der empfohlenen float:left-Regel für #menu in Verbindung mit einem validen Markup (Tab-Einrückungen bei verschachtelten Elementen bieten einen besseren Überblick zur Kontrolle):

<div id="body">
  <div id="header">
    <div id="loginandregister">  	
		  <a href='login.php'><img src='/design/buttons/login.png' border='0' height='29' alt=''></a> <a href='register.php'><img src='/design/buttons/register.png' border='0' height='29' alt=''></a>
    </div>
  </div>
  <div id="content">
    <div id="menu">
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
      <a href='/login.php'>Login</a>
    </div>
    <div class="content">
      <div>
        <fieldset>
          <legend><font color='#b8860b'>Divo1984</font></legend>
            <div class="news">
              Hier entsteht in den nächsten Tagen und Wochen eine neue HipHop-Audio-Battle Community mit vielen tollen Features! Registrierung und Login sind bereits fertig, sowie ein Newssystem! Lasst euch überraschen:-)
            </div>
        </fieldset>
      </div>
    </div>
  </div>
  <div id="footer"><span><font size="3" color="#FFFFFF">Powered and supportet by <a href="http://www.morecash4mail.de" target="_blank">MoreCash4Mail</a></font></span></div>
</div>

sowie mit dieser korrigierten Regelfassung für .content:

#content div.content
{
width:570px;
height:100%;
margin:0 0 0 240px;
position:relative;
}

richtet IE8 die Box an der gewünschten Position aus.

 

[Divo1984]

Ich verschatel eig nur mein PHP Code, aber das werde ich als nächstes in Angriff nehmen! Danke für die Korrektur, jetzt gehts DANKE