Roebert Stump: css bug im IE6 ?

Beitrag lesen

Hallo,

betroffene Code-Bereiche sind folgende:

HTML:

<div id="left">
  <ul>
    <li><a href="/ebene_d/xxx.html">xxx</a></li>
    <li><a href="/ebene_d/xxx.html">xxx</a></li>
    <li><a href="/ebene_d/xxx.html">xxx</a></li>
    <li><a class="current" href="/ebene_d/xxx.html">xxx</a>
      <ul>
        <li><a class="active" href="/ebene_d/304.html">Newsletterarchiv</a></li>
        <li><a href="/ebene_d/xxx.html">xxx</a></li>
        <li><a href="/ebene_d/xxx.html">xxx</a></li>
        <li><a href="/ebene_d/xxx.html">xx</a></li>
      </ul>
    </li>
  </ul>
</div>

CSS:

#left {
  float: left;
  position: relative;
  left: 0;
  top: 29px;
  width: 190px;
  background-color: #F0F9FD;
}
#left ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 solid;
  border-top: 1px solid #FFF;
}
#left ul li {
  margin: 0;
  padding: 0;
  border: 0 solid;
}
#left ul li a, #left ul li a:link, #subnavi ul li a:active, #subnavi ul li a:visited {
  display: block;
  height: 1%;
  padding: 2px 0 3px 34px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #0093DD;
  background: #F0F9FD url(/images/administration/subnavi_arrow.gif) no-repeat 20px 5px;
  border-bottom: 1px solid #FFF;
}
#left ul li a:hover {
  color: #FFF;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 20px 5px;
}

#left ul li a.active {
  color: #FFF;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 20px 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#left a.active {
  color: #FFF;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 20px 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#left ul li a.noBorderBottom {
  border-bottom: 0 solid;
}
#left ul li a.current {
  color: #FFF;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 20px 5px;
}

/* subnavi level 2 */

#left ul ul {
  border-top: 0 solid;
}
#left ul ul li a, #left ul ul li a:link, #left ul ul li a:visited {
  padding: 2px 0 3px 48px;
  font-weight: normal;
  background: #F0F9FD url(/images/administration/subnavi_arrow.gif) no-repeat 34px 5px;
}
#left ul ul li a:hover {
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 34px 5px;
}
#left ul ul li a.active {
  font-weight: bold;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 34px 5px;
}
#left ul ul li a.current {
  font-weight: bold;
  background: #0093DD url(/images/administration/subnavi_arrow_on.gif) no-repeat 34px 5px;
}

mfg, roebert

--
Please do not confuse what we say with what we think we are saying.
(^_^)
Eternity is a very long time, especially towards the end.