i have coded a skin for dotnetnuke and used below codes in css style sheets to style my menu but i see a horizontal gap long as nomber of items in my sub menu for example if there is a menu with 5 sub menu (height=43px;) the gap is 43*5px just in IE.developer tools shows the exact problem. i have tried giving an invisible border, overflow, and most of the things that i googled. this gap will disappear when i delete the main menu div tag.

 

/*-------------    Mandetory       ------------*/
#SecMenu {height: 43px;background: url('Images/bg_main_menu.jpg') repeat-x;display: block;}
#inner {width:1000px;margin:0 auto;text-align:center;}
/* Main Menu Items Are Here First Level Menu */
#main_menu{padding:2px; float:right; background:url(Images/line_main_menu.jpg) no-repeat right 12px;width:1135px;}
#main_menu ul{float: right;margin: 0;padding: 0px 0px 0px 0px;list-style: none;line-height: normal;}
#main_menu li{height:43px; padding-left:2px;  float:right; background:url(Images/line_main_menu.jpg) no-repeat 0px 12px; z-index:100;}
#main_menu a{line-height:43px; padding:0px 23px; display:block; font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; text-shadow:0px -1px rgba(0, 0, 0, 0.14); text-transform:uppercase;}
#main_menu a:hover {background: url(Images/bg_main_menu_hover.jpg) repeat-x !important;text-decoration: none;margin-right: -1px;margin-top: -2px;padding-left: 24px;background-color: #A6A6A6 !important;}
#main_menu .current a {margin-right: -2px;margin-left: -2px;margin-top: -2px;padding-right: 25px;padding-left: 25px;padding-top: 2px;background: url(Images/bg_main_menu_current.jpg) repeat-x;z-index: 100;background-color: #F24328;}
/* Sub Menu Items Are Here Second Level Menu */
#main_menu ul.menu ul {width: 130px;float: none;padding: 2px 2px 0px 2px;margin: 0;list-style: none;line-height: normal;line-height: 43px;display: block;margin: 0px 4px 0px 4px;color: #000;background-image: none;z-index: 100;}
#main_menu li.level1 li {width: 130px;float: none;padding: 2px 2px 0px 2px;margin: 0;list-style: none;line-height: normal;line-height: 43px;display: block;list-style: none;margin: 0px;padding: 0px;z-index: 100;background-color: #fdfdfd;border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3;border-top: 1px solid #ffffff;border-bottom: 1px solid #f3f3f3;color: #000;background-image: none;}
#main_menu li.level1 li a {width: 130px;float: none;padding: 15px 2px 0px 2px;margin: 0;list-style: none;line-height: normal;line-height: 43px;display: block;list-style: none;margin: 0px;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;font-size: 11px;color: #6b6b6b;text-transform: none;line-height: 1em;background-image: none;text-decoration: none;}
#main_menu li.level1 li a:hover {background-color: #fdfdfd !important;background-image: none!important;color:#F24328!important;padding: 15px 2px 0px 2px!important;z-index: 100;}