איך אני עושה שהתפריט נשלף למטעה כשהעכבר עובר מעל כפתור מסויים?

נ.ב
עשיתי הכל חוץ מהקטע כהתפריט אמור להיסגר רק כאשר העכבר זז מהכפתור המסויים הזה ולא נימצא על התפריט הנשלף

לכל אלמנט\תג יש לך אירועים שיכולים להתבצע עליו.

האלמנטים שמשתמשים בהם בשביל התפריט, יש להם את האירועים הבאים:
onmouseover - כאשר העכבר עובר על האלמנט (נמצא בתוכו)
ו-onmouseout - כאשר העכבר יוצא מגבולות האלמנט

בהנחה שתיכננת את זה כראוי מבחינת ה-HTML (לפחות כפי שכתבתי כאן: http://www.fresh.co.il/vBulletin/sh...ad.php?t=407453 ), כל מה שנותר לעשות זה לשחק עם האלמנטים בעזרת האירועים (עם JS) ובעזרת CSS, כאשר לאלמנט שאתה רוצה להציג אתה נותן display:block וכמובן מגדיר לו רוחב קבוע בפיקסלים.

תסתכל בעמודים הבאים:
DOM:
http://www.w3schools.com/htmldom/dom_reference.asp
CSS Reference:
http://www.w3schools.com/css/css_reference.asp
DIV (תסתכל על החלק של "Event Attributes"):
http://www.w3schools.com/tags/tag_div.asp
li (תסתכל על החלק של "Event Attributes"):
http://www.w3schools.com/tags/tag_li.asp
ul (תסתכל על החלק של "Event Attributes"):
http://www.w3schools.com/tags/tag_ul.asp

בנוסף, בקטע של תפריטים, יש צורך לדעת כיצד לגשת לאלמנטים (כמו אלמנט האב ואלמנטי הבנים וכו').
לכן חשוב לקרוא את העמודים:
http://www.w3schools.com/htmldom/dom_nodes_access.asp
http://www.quirksmode.org/dom/w3c_core.html - עמוד מצוין שמראה לך את רוב, אם לא כל, הדרכים שבאמצעותם אתה מנווט לאלמנטים.