Hello everyone,

I can't seem to figure out what is causing the menu here live.clearcloud.ca to change it's spacing and no longer show the text underline after you click on one of the menu items. Below is the css. Firefox also will not render the text underline on hover, however it doesn't screw it the spacing like IE 7/8. Any and all suggestions are welcome as I have been wasting too much time already. Thanks in advance!

/* main menu td */
.main_dnnmenu_bar { cursor:pointer; font-size: 11px; float:right; font-family:arial;z-index:99999 }
/*  Main Menu Normal  */
.main_dnnmenu_rootitem  { color: #FFFFFF; font-size: 11pt;  font-weight:bold; text-align:center; padding:6px 25px 1px 35px; margin-right:1px; white-space:nowrap; float:left;}
/*  Main menu hover  */
.main_dnnmenu_rootitem_hover{ color:#ffffff; font-size: 11pt; font-weight:bold; text-align:center; padding:6px 25px 1px 35px; margin-right:1px; white-space:nowrap; float:left;}
/*  Main menu selected  */
.main_dnnmenu_rootitem_selected {color:#ffffff; font-weight:bold; text-align:center; font-size: 11pt; padding:6px 25px 1px 35px; margin-right:1px; white-space:nowrap; float:left;}

/*  SUB Menu design*/
.m0{z-index:99999; padding:3px 10px;background-color:#DAFBFF; opacity:0.95; border-top: 5px solid #F40500; border-right: 12px solid #F40500; border-bottom: 6px solid #F40500; border-left: 2px solid #F40500; filter: alpha(opacity =95);}
.m1{z-index:999999; padding:3px 10px; background-color:#DAFBFF; opacity:0.95; border-top: 2px solid #F40500; border-right: 5px solid #F40500; border-bottom: 9px solid #F40500; border-left: 10px solid #F40500; filter: alpha(opacity =95);}
/* SUB MENU ITEMS */
.mi0-0 {font-weight:bold;}
.mi0-0:hover{text-decoration:underline;}
.mi0-1 {font-weight:bold;}
.mi0-1:hover {text-decoration:underline;}
.mi0-2 {font-weight:bold;}
.mi0-2:hover {text-decoration:underline;}
.mi0-3 {font-weight:bold;}
.mi0-3:hover {text-decoration:underline;}
.mi0-4 {font-weight:bold;}
.mi0-4:hover {text-decoration:underline;}
.mi0-5 {font-weight:bold;}
.mi0-5:hover {text-decoration:underline;}

.mi1-0{ text-decoration:none;font-weight:bold;}
 .mi1-0-0{ text-decoration:none;font-weight:bold;cursor:none;}
 .mi1-0-1{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-0-1:hover{ text-decoration:underline;text-indent:8px;}

.mi1-1{ text-decoration:none;font-weight:bold;}
 .mi1-1-0{ text-decoration:none;font-weight:bold;}
 .mi1-1-1{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-1-1:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-1-2{ text-decoration:none;font-weight:bold;}
 .mi1-1-3{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-1-3:hover{ text-decoration:underline;text-indent:8px;}

.mi1-2{ text-decoration:none;font-weight:bold;}
 .mi1-2-0{ text-decoration:none;font-weight:bold;}
 .mi1-2-1{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-2-1:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-2-2{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-2-2:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-2-3{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-2-3:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-2-4{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-2-4:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-2-5{ text-decoration:none;font-weight:bold;}
 .mi1-2-6{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-2-6:hover{ text-decoration:underline;text-indent:8px;}
 
.mi1-3{ text-decoration:none;font-weight:bold;}
 .mi1-3-0{ text-decoration:none;font-weight:bold;}
 .mi1-3-1{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-3-1:hover{ text-decoration:underline;text-indent:8px;}
 
.mi1-4{ text-decoration:none;font-weight:bold;}
 .mi1-4-0{ text-decoration:none;font-weight:bold;}
 .mi1-4-1{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-4-1:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-4-2{ text-decoration:none;font-weight:bold;}
 .mi1-4-3{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-4-3:hover{ text-decoration:underline;text-indent:8px;}
 .mi1-4-4{ text-decoration:none;font-weight:normal;text-indent:8px;}
 .mi1-4-4:hover{ text-decoration:underline;text-indent:8px;}

.mi1-5{ text-decoration:none;font-weight:bold;}
.mi1-5:hover{ text-decoration:underline;font-weight:bold;}
.mi1-6{ text-decoration:none;font-weight:bold;}
.mi1-6:hover{ text-decoration:underline;font-weight:bold;}

.mi2-0 {font-weight:bold;}
.mi2-0:hover {text-decoration:underline;}
.mi2-1 {font-weight:bold;}
.mi2-1:hover {text-decoration:underline;}
.mi2-2 {font-weight:bold;}
.mi2-2:hover {text-decoration:underline;}
.mi2-3 {font-weight:bold;}
.mi2-3:hover {text-decoration:underline;}