Jquery megamenu all of a sudden not work anymore

I use the jquery megamenu as described in this question:

http://social.msdn.microsoft.com/Forums/office/en-US/8ae57f2c-51ce-4d94-be19-634ac58bb8c3/need-help-with-script-editor?forum=sharepointdevelopment

This worked great but now it shows this:

This is some kind of css problem but I cannot figure it out. I use this css.

#kiosk-searcharea ul, #mega-menu-tut
 ul li {list-style: none;}
#kiosk-searcharea ul {; padding: 0; margin: 0;}
#kiosk-searcharea ul li ul {display: none;}
#kiosk-searcharea .sub {display: none;}
#kiosk-searcharea .sub ul {display: block;}


{font: normal 13px Arial, sans-serif; line-height: 16px;}

ul#mega-menu-tut
,
ul#mega-menu-tut
,
ul#mega-menu-tut
 li {margin: 0; padding: 0; border: none;}

ul#mega-menu-tut
 {background: #222 url(bg_black.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #1B1B1B; border-left: 1px solid #1B1B1B; ;}

ul#mega-menu-tut
 li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold;}

ul#mega-menu-tut
 li a {float: left; display: block; color: #fff; padding: 12px 38px 12px 25px; background: url(bg_black.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}

ul#mega-menu-tut
 li a.dc-mega {;}

ul#mega-menu-tut
 li a .dc-mega-icon {display: block; ; top: 18px; right: 15px; width: 8px; height: 6px; background: url(arrow.png) no-repeat 0 0;}

ul#mega-menu-tut
 li.mega-hover a,
ul#mega-menu-tut
 li a:hover {background-% -40px; color: #000; text-shadow: none;}

ul#mega-menu-tut
 li.mega-hover a .dc-mega-icon {background- 100%;}

ul#mega-menu-tut
 li .sub-container {; background: url(bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;}

ul#mega-menu-tut
 li .sub {background: url(bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}

ul#mega-menu-tut li .sub-container.mega .sub {padding: 20px 20px 10px 0;}

ul#mega-menu-tut
 li .sub .row {width: 100%; overflow: hidden; clear: both;}

ul#mega-menu-tut
 li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}

ul#mega-menu-tut
 li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}

ul#mega-menu-tut
 li .sub li.mega-hdr.last {margin-right: 0;}

ul#mega-menu-tut
 li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}

ul#mega-menu-tut
 li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #6B6B6B url(
bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}

ul#mega-menu-tut
 li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}

ul#mega-menu-tut
 .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(
arrow_off.png) no-repeat 5px 8px; font-weight: normal;}

ul#mega-menu-tut
 .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(
arrow_on.png) no-repeat 5px 8px;}

ul#mega-menu-tut
 .sub ul li {padding-right: 0;}

ul#mega-menu-tut
 li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}

ul#mega-menu-tut
 li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}

ul#mega-menu-tut
 li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(
arrow_off.png) no-repeat 7px 10px;}

ul#mega-menu-tut
 li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(
arrow_on.png) no-repeat 7px 10px;}

Can someone help me out?

Regards, Mike