我下载了响应式模板from here并安装了它。安装很好，在桌面上运行良好。当我在移动设备上打开它时，左侧菜单与主要内容重叠。可能是什么问题？它已上传到我的托管here
认为它可能是css问题，我已经看到了所有的css文件并找到了相关区域来引用菜单。这是代码。我尝试改变位置：固定为绝对，静态，相对，初始但似乎没有任何作用。你们能提出什么建议吗？
/* Tooltips */
.aToolTip {border:1px solid #fff;background:url(../images/opacity_50_black.png) repeat;color:#fff;margin:0;padding:2px 10px;font-size:11px;}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px}
#menu {position:fixed;z-index:2;top:130px;padding-left:4px}
#menu li {margin-top:-4px;font-size:30px;line-height:1.2em}
#menu li a {text-transform:uppercase;color:#1e1e1e;text-decoration:none;letter-spacing:-1px}
#menu li a:hover, #menu .menu_active a {color:#f77007}
#menu .nav1 a:hover, #menu .nav1.menu_active a {color:#f77007}
#menu .nav2 a:hover, #menu .nav2.menu_active a {color:#a63eb0}
#menu .nav3 a:hover, #menu .nav3.menu_active a {color:#077ef7}
#menu .nav4 a:hover, #menu .nav4.menu_active a {color:#e40016}
#menu .nav5 a:hover, #menu .nav5.menu_active a {color:#0aa868}
#menu .nav6 a:hover, #menu .nav6.menu_active a {color:#f77007}
#menu .nav7 a:hover, #menu .nav7.menu_active a {color:#a63eb0}
#menu .nav8 a:hover, #menu .nav8.menu_active a {color:#077ef7}
#menu .nav9 a:hover, #menu .nav9.menu_active a {color:#e40016}
#menu .nav10 a:hover, #menu .nav10.menu_active a {color:#0aa868}
#menu .nav11 a:hover, #menu .nav11.menu_active a {color:#f77007}
/* content */
#content {padding:130px 0 0 243px;width:649px;position:relative;z-index:1;padding-bottom:56px}
CSS是问题还是其他什么？
请咨询