Stefan: linkes Menü soll nicht mitscrollen

Beitrag lesen

hallo zusammen,

ich habe links oben eine Menü definiert und rechts daneben soll der Content stehen. Das klappt auch wunderbar, aber bei langem Content verschwindet das Menü.

Ich habe versucht ein scrollbares content-div anzulegen, aber leider klappt das nicht:

HTML Datei:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="style.css" media="screen" title="andreas01 (screen)" />
</head>

<body>

<div id="avmenu">
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>

<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</body>
</html>

Style-Sheet:

body {overflow:hidden;}

#avmenu {clear: left;
         float: left; width:160px;
         margin: 0 0 10px 0;
         padding: 0;
         font-size: 0.9em;}

#content {margin:0; margin-left:190px;
          width:50%; height:100%;
          overflow:auto;
          line-height: 1.5em;
          text-align: left;}

Weiss jemand wo der Fehler liegt?

Oder geht das nur mit der position:fixed? Aber da hat der IE wohl Probeleme mit?

Bye

steve