body { margin: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "Segoe UI",Frutiger,Tahoma,"Helvetica","Helvetica Neue",Arial,sans-serif; font-size: 62.5%; color: rgb(68, 68, 68); }
#demoHeader { margin: 0pt 0pt 5em; padding: 15px; background: rgb(61, 135, 23) none repeat scroll 0% 0%; position: relative; height: 1%; }
a img { border: 0pt none ; }
#demoHeader img { float: left; margin-bottom: 0.9em; }
#demoHeader h1 { border-left: 1px solid rgb(255, 255, 255); margin: 0pt 0pt 0pt 20px; float: left; font-size: 1.4em; line-height: 1.8em; font-weight: bold; color: rgb(255, 255, 255); padding-left: 20px; }
#demoHeader h1 a { color: rgb(255, 255, 255); font-weight: bold; }

a, * { outline-color: -moz-use-text-color ! important; outline-style: none ! important; outline-width: 0pt ! important; }
a span { cursor: pointer; }
a span b, button span b { font-weight: normal; display: block; }
a.menuBtn:link, a.menuBtn:visited { background: transparent url('img/bg_date_picker_select_rt.gif') no-repeat scroll right top; float: left; width: 21.8em; text-decoration: none; color: rgb(68, 68, 68) ! important; outline-color: -moz-use-text-color ! important; outline-style: none ! important; outline-width: 0pt ! important; }
a.menuBtn:hover, a.menuBtn:active {  }
a.menuBtn:link span, a.menuBtn:visited span { background: transparent url('img/bg_date_picker_select.gif') no-repeat scroll left top; display: block; margin-right: 20px; height: 20px; line-height: 2em; padding-left: 10px ! important; }
.positionHelper { position: absolute; cursor: pointer; }
.menuContainer { border: 1px solid rgb(221, 221, 221); }
.menuContainer p.menuLoading { padding: 0.5em; color: rgb(68, 68, 68); font-size: 1.1em; }
.hiddenContent { overflow: hidden; position: absolute; top: 0pt; left: -9999px; width: 1px; height: 1px; }
.menu, .menu ul { margin: 0pt; padding: 0pt; background: rgb(249, 249, 249) none repeat scroll 0% 0%; overflow: hidden; list-style-type: none; visibility: hidden; position: absolute; top: 0pt; left: 0pt; color: rgb(102, 102, 102); }
.menu li { clear: both; float: left; width: 100% ! important; }
.menu li.hover { background: rgb(238, 238, 238) none repeat scroll 0% 0%; }
.menu p, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active { margin: 0pt; padding: 0.3em 0.3em 0.3em 0.5em; float: left; width: 17.2em; font-size: 1.1em; line-height: 1.2em; color: rgb(102, 102, 102); text-decoration: none; }
.menu a.singleLink:link, .menu a.singleLink:visited, .menu a.singleLink:hover, .menu a.singleLink:active { float: none; display: block; width: 18.8em; }
.menu a:hover, .menu a:active, .menu a.singleLink:hover, .menu a.singleLink:active { background: rgb(78, 146, 200) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.scrollNeeded a:link, .scrollNeeded a:visited, .scrollNeeded a:hover, .scrollNeeded a:active { width: 14.9em; }
.menu a.menuIndicator:link, .menu a.menuIndicator:visited { background: transparent url('img/icon_arrow_right.gif') no-repeat scroll 98% center; }
.menu a.menuIndicator:hover, .menu a.menuIndicator:active { color: rgb(255, 255, 255); background-color: rgb(78, 146, 200); background-image: url('img/icon_arrow_right_hover.gif'); }
.menu a.nextLevel:link, .scrollNeeded a.nextLevel:link, .menu a.nextLevel:visited, .scrollNeeded a.nextLevel:visited, .menu a.nextLevel:hover, .scrollNeeded a.nextLevel:hover, .menu a.nextLevel:active, .scrollNeeded a.nextLevel:active { margin: 0pt; background: transparent url('img/icon_arrow_right.gif') no-repeat scroll 70% 50%; overflow: hidden; float: right; width: 1em; padding-left: 0.3em; text-indent: -30em; }
.menu a.nextLevel:hover, .menu a.nextLevel:active { background: rgb(78, 146, 200) url('icon_arrow_right_hover.gif') no-repeat scroll 70% 50%; }
.ddBreadcrumb { border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt; padding: 0.5em 0pt; background: rgb(249, 249, 249) none repeat scroll 0% 0%; width: 21.6em; font-size: 1em; }
.ddBreadcrumb li { margin: 0pt; padding: 0.1em 0pt 0.1em 0.5em; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; }
.ddBreadcrumb li.currentCrumb { margin: 0.1em 0pt 0pt; clear: left; float: none; }
.ddBreadcrumb a, .ddBreadcrumb span { white-space: nowrap; font-size: 1.1em; }
.ddBreadcrumb a:link, .ddBreadcrumb a:visited { background: transparent url('img/icon_breadcrumb.gif') no-repeat scroll right center; color: rgb(18, 102, 169); padding-right: 10px; margin-right: 0.5em; }
.ddBreadcrumb a:hover, .ddBreadcrumb a:active { color: rgb(78, 146, 200); }
.ddBreadcrumb .currentCrumb a:link, .ddBreadcrumb .currentCrumb a:visited, .ddBreadcrumb .currentCrumb a:hover, .ddBreadcrumb .currentCrumb a:active { padding: 0.1em 0pt 0pt; display: block; color: rgb(51, 51, 51); background-image: none; font-size: 1.5em; margin-right: 0pt; text-decoration: none; }
.ddBreadcrumb .currentCrumb a:hover, .ddBreadcrumb .currentCrumb a:active { text-decoration: underline; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>Ipod Like menu</title>
   <script src="jquery-1.2.3.min.js" type="text/javascript"></script>
   <script src="utilities.js" type="text/javascript"></script>
   <script src="position.jquery.js" type="text/javascript"></script>
   <script src="menus.jquery.js" type="text/javascript"></script>

   <script type="text/javascript">
   $(function(){
    var menuContent = $.get($('#categories1').attr('href'), function(data){menuContent = data;});
    $('#categories1').click(function(){
     var menu2 = new Menu(this, {
      content: menuContent,
      width: 216,
      maxHeight: 300,
      positionOpts: {offsetY: -1},
      callerOnState: 'btnMenuOn',
      itemHover: 'hover',
      selectCategories: false,
      topLinkText: 'All Categories'
     }).create();
     return false;
    });
   });
   </script>

<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>
<a id="categories1" class="menuBtn menuAction menuNavigator" href="menuNavigator.html"><span><b>Выберите категорию</b></span></a>
</body>
</html>