Coder Forum

HTML Code

<ul id="adminnavi">
            <li><a href="?show=admin"><div class="adminnavi_top">&nabla; Hauptmen&uuml;</div></a>
              <ul>
                <li>
                  <a href="?show=admin&mode=home">
                    <div class="adminnavi_ele">Startseite</div>
                  </a>
                </li>
                <li>
                  <a href="?show=admin&mode=current">
                    <div class="adminnavi_ele">Aktuelles</div>
                  </a>
                </li>
                <li>
                  <a href="?show=admin&mode=management">
                    <div class="adminnavi_ele">Vorstand</div>
                  </a>
                </li>
                <li>
                  <a href="?show=admin&mode=history">
                    <div class="adminnavi_ele">Chronik</div>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <a href="?show=admin&mode=home">
                <div class="adminnavi_top" style="text-align:center;">Untermen&uuml;</div>
              </a>
            </li>
            <li>
              <a href="?show=admin&mode=logout">
                <div class="adminnavi_top" style="text-align:center;">Logout</div>
              </a>
            </li>
          </ul>

Cascading Style Sheets

* html > body {
    behavior:url("htc/csshover.htc");
}
*>htm body {
    behavior:url("htc/csshover.htc");
}
* html body {
    behavior:url("htc/csshover.htc");
}
*+html body {
    behavior:url("htc/csshover.htc");
}
.adminnavi_top {
	width:174px;
	border: 1px #000000 solid;
	padding: 3px;
	margin: 2px;
	margin-bottom: 0px;
	background-color: #D9D9D9;
}
.adminnavi_ele {
	width:174px;
	border: 1px #000000 solid;
	border-top: 0px;
	padding: 3px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #EBEBEB;
	z-index:1;
	position:relative;
}
#adminnavi, #adminnavi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#adminnavi li {
	width:190px;
	float:left;
}
#adminnavi li ul {
	display:none;
}
#adminnavi li:hover ul {
	display:block;
}