[CubeS.co.il]

איך אני עושה שהתת כפתור שלי לא יירש את התמונה שממנה הוא נפתח אלא יהיה לו תמונה משל עצמו

זה הקוד שהשתמשתי בו, אשמח לקבל פתרונות

שימו לב: התפריט לא נפתח כלפי מטה אלא כלפי שמאלה

html, body {behavior: url("css-js/csshover.htc");}
* html div#menu li {float: right;}
* html div#menu ul ul {margin-right: -1px;}
div#menu {float: right; width: 234px;}
div#menu ul {margin: 0; padding: 0; width: 234px; list-style: none; background: #282828;} 
div#menu li {position: relative; margin: 0; display: block;} 
div#menu li a {display: block; text-decoration: none; padding-top: 7px; _margin-bottom: -7px;}
div#menu ul ul li a {text-align: right; padding: 7px 5px 0px 0px;}
div#menu ul ul li {width: 119px;}
div#menu li:hover {background-color: #282828;} 
div#menu>ul a {width: auto;}
div#menu ul ul {position: absolute; top: 0; right: 234px; width: 119px; display: none; margin-top: -1px;} 
div#menu ul.first li.submenu:hover ul.second {display: block;} 
ul.first li {background: url('../images/menu_button_bg.gif') 0% 0% repeat-x; width: 234px; height: 29px;}
ul.second li {background: url('../images/menu_sub_button_bg.jpg') 100% 0% no-repeat; width: 119px; height: 29px;}
ul.first li a {
 font: bold 10px Tahoma, arial;
 color: #ffffff;
 margin: 0px; padding: 0px;
 width: 234px; height: 29px;
 display: block;
 text-decoration: none;}
 
ul.first li a:hover {
 font: bold 10px Tahoma, arial;
 color: #ffffff;
 margin: 0px; padding: 0px;
 width: 234px; height: 29px;
 display: block;
 text-decoration: none;}
 
ul.first li#home a {background: url('../images/a_home.gif') 0% 0% no-repeat;} 
ul.first li#home a:hover {background: url('../images/a_home_hover.gif') 0% 0% no-repeat;} 
ul.first li#teachers a {background: url('../images/a_teachers.gif') 0% 0% no-repeat;} 
ul.first li#teachers a:hover {background: url('../images/a_teachers_hover.gif') 0% 0% no-repeat;} 
ul.first li#studies a {background: url('../images/a_studies.gif') 0% 0% no-repeat;} 
ul.first li#studies a:hover {background: url('../images/a_studies_hover.gif') 0% 0% no-repeat;} 
ul.first li#recommends a {background: url('../images/a_recommends.gif') 0% 0% no-repeat;} 
ul.first li#recommends a:hover {background: url('../images/a_recommends_hover.gif') 0% 0% no-repeat;} 
ul.first li#courses a {background: url('../images/a_courses.gif') 0% 0% no-repeat;} 
ul.first li#courses a:hover {background: url('../images/a_courses_hover.gif') 0% 0% no-repeat;} 
ul.first li#news_menu a {background: url('../images/a_news.gif') 0% 0% no-repeat;} 
ul.first li#news_menu a:hover {background: url('../images/a_news_hover.gif') 0% 0% no-repeat;} 
ul.first li#contact a {background: url('../images/a_contact.gif') 0% 0% no-repeat;} 
ul.first li#contact a:hover {background: url('../images/a_contact_hover.gif') 0% 0% no-repeat;}

זה הכתובת של האתר שהוא מופיע בו

http://cubes.co.il/psychokasher/