הקוד החדש :)

אוקי סליחה על הפירסום הקודם, עכשיו אני אציג את הקוד כמו שצריך שתוכלו ליראות

הבעיה היא בתפריט נפתח (שלא נפתח) התפריט מראה רק את הדרגה הראשונה של התפריט במעבר עכבר לא גורם לשאר החלקים להיות 'ניראים'

זה קוד הHTML שכתבתי (מחקתי לינקים*)

<div id="mmenu">
<ul class="maa">
  <li><a href="**m">דף הבית</a></li>

  <li><a href="***=3">חידות היגיון</a>

         <ul class="submenu mbb">
    <li><a href="ht***=63">חידת האחיות</a></li>
    <li><a href="ht***=172">חידת מיליון החדרים</a></li>
    <li><a href="h****172">חידת התפוחים</a></li>
<li><a href="ht****34">חידת המטוסים</a></li>
            </ul>
          </li>

  <li><a href="h***t=1">חידות זיכרון</a></li>

  <li><a href="h***at=7">חידות ילדים</a></li>

</ul>
</div>

וזה הקוד CSS

div#mmenu{
   float: right;
    width: 9.5em;
}
div#mmenu ul {
  margin: 0;
  padding: 0;
  width: 9.5em;
  list-style: none;
  <strong>background: #DAE8F8;
  border: 1px solid;</strong>
}
div#mmenu li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid silver;
  <strong>display: block;</strong>
}
div#mmenu li a {
  display: block;
  text-decoration: none;
  padding: 0.15em 0.5em 0.15em 0;
  width: 9em;
}

div#mmenu>ul a {
  width: auto;
}

* html div#mmenu li {
  float: right;
}
div#mmenu ul ul {
  position: absolute;
  top: 0;
  right: 9.5em;
  display: none;
  margin-top: -1px;
}
* html div#mmenu ul ul {
  margin-right: -1px;
}
div#mmenu li.submenu {
  background: url(“ht***2.jpg”) no-repeat center left;
}

    div#mmenu ul.maa li.submenu:hover ul.mbb {
  display: block;
}
div#mmenu li:hover {
  background-color: #fcc;
}