Sipatshi: list-style-type: none; /* will nicht wie ich will :-( */

Beitrag lesen

Liebe Gemeinde,

kann im ul-tag das list-style-type: none; nicht ausblenden! Wo ist mein Fehler?

Quellcode

<!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">
<head>
<title>Testpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
* {
  font-family:verdana;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
#main {
  height: auto;
  width: 963px;
  background-color: #ffffff;
  margin: 0 auto;
}
#head {
  height: 80px;
  width: auto;
  background-color: #ffffff;
  border: 1px solid #388710;
  margin-bottom: 5px;
}
#l_div {
  float: left;
  width: 193px;
  height: 400px;
  background-color: #ffffff;
  border-top: 2px solid #2568bf;
  margin-right: 5px;
}
#l_div h2 {
  padding-left: 10px;
  padding-top: 11px;
  color: #ffffff;
  margin-top: 10px;
  background-image: url(l_navi.gif);
  height: 23px;
  border-top: 1px solid #2568bf;
  border-left: 1px solid #2568bf;
  border-right: 1px solid #2568bf;

}
#l_div h2 ul {
  list-style-type: none; /* wird nicht ausgeführt */
}
#m_div {
  width: 589px;
  height: 400px;
  float: left;
  background-color: #ffffff;
  border-top: 2px solid #8d8d8d;
  margin-right: 5px;
}
#r_div {
  width: 165px;
  float:left;
  height: 400px;
  background-color: #ffffff;
  border-top: 2px solid #2568bf;
}
</style>
</head>
<body>
<div id="main">
  <div id="head" ></div>
  <div id="l_div">
    <h2>Startseite</h2>
     <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
     </ul>
  </div>
  <div id="m_div">m_div</div>
  <div id="r_div">r_div</div>
</div>
</body>
</html>