Daniel: Layout Probleme... CSS-Freaks an die Front!!!

Beitrag lesen

Hallo,
hab vor ein paar Tagen schonmal gepostet.
Habe ein Problem mit dem Layout.
Das Menü ragt unten aus dem globalcontainer raus.

Hier der Html-Quelltext:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
  <head>
    <title>musicfields</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="xtra/main.css">
  </head>
  <body>
    <div id="globalcontainer">
      <div id="title">
        <img src="gfx/logo_01.jpg" id="logo" alt="" />
      </div>
      <div id="navitop">
        <a href="#" target="_self">Startseite</a>::<a href="#" target="_self">&Uuml;ber Musicfields</a>::<a href="#" target="_self">Hilfe &amp; Kontakt</a>::<a href="#" target="_self">K&uuml;nstlereingang</a>
      </div>
      <div id="menueleft">
        <a href="#" target="_self">Rock &amp; Pop</a>
        <a href="#" target="_self">Rock &amp; Pop</a>
        <p class="menuetitle">&nbsp;</p>
      </div>
      <div id="content">
        &nbsp;
      </div>
    </div>
  </body>
</html>

HIER DAS STYLESHEET:
body {
  font-family: Verdana;
  font-size: 12px;
  background-color: #CCCCCC;
  text-align: center;
  margin: 0px;
  }

#globalcontainer {
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  width: 780px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  }

#title {
  background-color: #CCCCCC;
  background-image: url(../gfx/bg_head.gif);
  background-repeat: repeat-x;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  }

#logo {
  width: 294px;
  height: 71px;
  }

#navitop {
  height: 15px;
  background-color: #CCCCCC;
  background-image: url(../gfx/bg_leiste.gif);
  background-repeat: repeat-x;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-align: right;
  color: #000000;
  }

#navitop a:link {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  }

#navitop a:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  }

#navitop a:hover {
  font-weight: bold;
  color: #2A3FFF;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  }

#navitop a:active {
  font-weight: bold;
  color: #2A3FFF;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  }

#menueleft {
  width: 160px;
  float: left;
  background-color: #CCCCCC;
  background-image: url(../gfx/bg_menue.gif);
  background-repeat: repeat-y;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-align: left;
  color: #000000;
  }

.menuetitle {
  height: 15px;
  background-color: #CCCCCC;
  background-image: url(../gfx/bg_leiste.gif);
  background-repeat: repeat-x;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  padding: 0px;
  margin: 0px;
  }

#menueleft a:link {
  display: block;
  vertical-align: middle;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  }

#menueleft a:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  }

#menueleft a:hover {
  font-weight: bold;
  color: #2A3FFF;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  }

#menueleft a:active {
  font-weight: bold;
  color: #2A3FFF;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  }

#content {
  width: 620px;
  }

BITTE UM HILFE!!! ICH VERZWEIFLE