fixing an html menu for IE

Hi, I added an html/css menu to my wordpress site http://hpathy.com.

It seems to be working fine in all browsers except IE 8 and less.

Can somebody tell me how to fix it for it.

Menu code


<div ID="headerWrapper" <?php echo $bgStyle; ?>>

<div id="sph-wrap" class="mobile-hide">

<div class="container" id="sph-top" style="height: 45px;">

<ul>
<li id="network_menu" class="has_sub">

<h1 class="hpathy"><a href="http://www.hpathy.com">Hpathy.com</a> </h1>

</ul>
<ul>
<li id="unite-audio"><a href="http://audio.hpathy.com">Audio</a>

<li id="unite-video"><a href="http://video.hpathy.com">Video</a>

<li id="unite-dic"><a href="http://dictionary.hpathy.com">Dictionary</a>

<li id="unite-cwds"><a href="http://crosswords.hpathy.com">Crosswords</a>

<li id="unite-groups"><a href="http://hpathy.com/groups">Groups</a>

<li id="unite-blogs"><a href="http://hpathy.com/blogs">Blogs</a>

<li id="unite-forum"><a href="http://forum.hpathy.com">Forums</a>
<li id="unite-polls"><a href="http://polls.hpathy.com/">Hpathy Polls</a>

<li id="unite-potency"><a href="http://potency.hpathy.com/">Posology Pro</a>

<li id="unite-ppt"><a href="http://ppt.hpathy.com">Powerpoints</a>

<li id="unite-health"><a href="http://health.hpathy.com">Health</a>

<li id="unite-wiki"><a href="http://wiki4cam.org">Wiki4CAM</a>

<li id="unite-calc"><a href="http://healthycalculators.com">Health Calculators</a>

</ul>
<li class="has_sub"><a href="http://hpathy.com/activity">Social</a>

<li class="has_sub"><a href="http://forum.hpathy.com/">Forums</a>

<li class="has_sub"><a href="http://hpathy.com/abc-homeopathy/homeopathy-for-patients/">Patients</a>

<ul class="sub-menu">

<li><a href="http://hpathy.com/abc-homeopathy/">ABC of Homeopathy</a></li>
<li><a href="http://hpathy.com/cause-symptoms-treatment/">Disease Index</a></li>
<li><a href="http://hpathy.com/kids-health/">Kid’s Health</a></li>
<li><a href="http://hpathy.com/mental-health/">Mental Health</a></li>
<li><a href="http://hpathy.com/musculo-skeletal/">Musculo-Skeletal</a></li>
<li><a href="http://hpathy.com/skin-diseases/">Skin Diseases</a></li>
<li><a href="http://hpathy.com/womans-health/">Woman’s Health</a></li>
<li class="has_sub"><a href="http://hpathy.com/abc-homeopathy/homeopathy-for-homeopaths/">Professional</a>

<ul class="sub-menu">

<li><a href="http://hpathy.com/agrohomeopathy/">Agro Homeopathy</a></li>
<li><a href="http://hpathy.com/book-reviews/">Book Reviews</a></li>
<li><a href="http://hpathy.com/clinical-cases/">Clinical Cases</a></li>
<li><a href="http://hpathy.com/drug-provings/">Drug Provings</a></li>
<li><a href="http://hpathy.com/homeopathy-papers/">Homeopathy Papers</a></li>
<li><a href="http://hpathy.com/software/">Homeopathy Software</a></li>
<li><a href="http://hpathy.com/homeopathy-interviews/">Interviews</a></li>
<li><a href="http://hpathy.com/materia-medica/">Materia Medica</a></li>
<li><a href="http://hpathy.com/mother-tinctures/">Mother Tinctures</a></li>
<li><a href="http://hpathy.com/organon-philosophy/">Organon & Philosophy</a></li>
<li><a href="http://hpathy.com/pharmacology/">Pharmacology</a></li>
<li><a href="http://hpathy.com/homeopathy-repertory/">Repertory</a></li>
<li><a href="http://hpathy.com/scientific-research/">Research</a></li>
<li><a href="http://hpathy.com/tips-and-secrets/">Tips and Secrets</a></li>
<li><a href="http://hpathy.com/veterinary-homeopathy/">Veterinary Homeopathy</a></li>
<li class="has_sub"><a href="http://hpathy.com/abc-homeopathy/homeopathy-for-students/">Students</a>

<ul class="sub-menu">

<li><a href="http://hpathy.org">Elementary Course</a></li>
<li><a href="http://vithoulkas.hpathy.com">Advanced Course</a></li>
<li><a href="http://forum.hpathy.com/forum/students-corner/">Student Forum</a></li>
<li><a href="http://hpathy.com/groups/homeopath-students-study-resources-and-networking/">Homeopathy Students Group</a></li>
<li><a href="http://hpathy.com/bach-flower-remedies/">Bach Flower Remedies</a></li>
<li><a href="http://hpathy.com/biochemic-tissue-salts/">Biochemic Tissue Salts</a></li>
<li><a href="http://hpathy.com/biographies/">Biographies</a></li>
<li><a href="http://hpathy.com/case-quizes/">Case Quizes</a></li>
<li><a href="http://hpathy.com/complex-remedies/">Complex Remedies</a></li>
<li><a href="http://hpathy.com/ebooks/">eBooks</a></li>
<li><a href="http://hpathy.com/history-of-medicine/">History of Medicine</a></li>
<li><a href="http://hpathy.com/medical-ethics/">Medical Ethics</a></li>
<li><a href="http://hpathy.com/list-of-colleges/">List of Colleges</a></li>
<li><a href="http://hpathy.com/syllabus/">Syllabus</a></li>
<li><a href="http://hpathy.com/tautopathy-medicine/">Tautopathy</a></li>
<li class="has_sub"><a href="#">Services</a>

<ul class="sub-menu">

<li><a href="http://hpathy.com/ask-homeopathy-doctors/">Ask Experts</a></li>
<li><a href="http://hpathy.com/ask-george-vithoulkas/">Ask Vithoulkas</a></li>
<li><a href="http://hpathy.com/list-of-colleges/">College List</a></li>
<li><a href="http://hpathy.com/homeopathy-organizations/">Organizations List</a></li>
<li><a href="http://hpathy.com/homeopathy-pharmacies/">Pharmacy List</a></li>
<li><a href="http://hpathy.com/homeopathy-4-everyone">eJournal</a>
</li>
<li><a href="http://hpathy.com/journal/">Journal Archives</a></li>
<li><a href="http://hpathy.com/editorials/">Editorials</a></li>
<li><a href="http://hpathy.com/feedback/">Feedback</a></li>
<li><a href="http://hpathy.com/natural-health-news/">Health News</a></li>
<li><a href="http://hpathy.com/holistic-jobs/">Jobs & Placements</a></li>
<li><a href="http://www.hpathy.org/">Online Course</a></li>
<li><a href="http://seminars.hpathy.com/">Seminar Calendar</a></li>
<li id="search" class="li-right">

<h3>Search</h3>

<form method="get" id="search_form" action="http://hpathy.com/search-results/">

<input type="hidden" name="cx" value="partner-pub-3412376230258577:3344987352" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" />

<input id="q" class="searchfield" onfocus="if (this.value == 'Search Hpathy') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search Hpathy';}" type="text" name="q" value="Search Hpathy"/>

</form>

<li id="sph-rss-link" class="li-right"><a href="http://hpathy.com/feed/" title="Subscribe to our RSS Feed">Subscribe via RSS!</a>

<li id="sph-facebook-link" class="li-right social"><a href="http://www.facebook.com/HpathyFanClub" title="Like us on Facebook!">Like us on Facebook!</a>

<li id="sph-twitter-link" class="li-right social"><a href="http://twitter.com/#!/Hpathy" title="Follow us on Twitter!">Follow us on Twitter!</a>

<li id="sph-loading"> 

</div>

</div>

Menu css


* {
margin: 0;
padding: 0;
}
#sph-wrap {
width:100%;
height:45px;
color:white;
position:fixed;
top:0px;
z-index:9999;
background:#333333;
background:rgba(0,0,0,0.7);
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-weight:500 !important;
border-bottom:1px solid rgba(225,225,225,0.3);
-webkit-transition:top 0.2s ease-in-out;
-moz-transition:top 0.2s ease-in-out;
-o-transition:top 0.2s ease-in-out;
-ms-transition:top 0.2s ease-in-out;
transition:top 0.2s ease-in-out;
}
#sph-wrap.scrolling {
top:0;
}
.admin-bar #sph-wrap,.admin_bar #sph-wrap {
top:28px!important;
}
body:has(#wpadminbar) #sph-wrap {
top:28px!important;
color:red;
}
#sph-wrap #sph-top {
width:100% !important;
}
#sph-wrap #sph-top>ul {
margin:0;
padding-left:0;
height:45px;
}
#sph-wrap #sph-top>ul>li {
float:left;
line-height:45px;
height:45px;
}
#sph-wrap li li {
text-align:left!important;
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a:after {
content:" ";
display:block;
position:absolute;
right:7px;
top:22px;
opacity:0.4;
border:3px solid transparent;
border-top-color:#fff;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a:hover:after {
opacity:0.5;
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a {
padding-right:20px;
}
#sph-wrap #sph-top li a {
color:#ccc;
text-decoration:none;
display:block;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;
padding:0 10px;
font-size:15px;
font-weight:700;
cursor:pointer;
}
#sph-wrap #sph-top li li a {
font-size:15px;
}
#sph-wrap #sph-top ul li ul li {
background-color:rgba(225,225,225,0.2);
}
#sph-wrap #sph-top ul li ul li a:hover {
font-size:15px;
color:yellow;
background-color:rgba(225,225,225,0.2);
}
#sph-wrap #sph-top li a:hover {
color:#fff;
background-color:rgba(255,102,0,0.5);
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
text-shadow:0 -2px 0 rgba(0,0,0,0.8);
}
#sph-wrap h1,#sph-wrap h2 {
margin:0;
line-height:45px;
font-weight:300;
}
#sph-wrap h1 a {
width:auto!important;
font-size:22px;
padding:0 0 0 40px !important;
margin-right:10px;
font-family:"Helvetica Neue",Helvetica;
cursor:pointer;
}
#sph-wrap h1 {
width:auto!important;
font-size:22px;
padding:0 0 0 20px !important;
margin-right:10px;
color:white;
font-family:"Helvetica Neue",Helvetica;
cursor:pointer;
font-weight:300;
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/h.png) no-repeat
}
#sph-wrap h1 a:first-letter {
text-transform:uppercase;
}

#sph-wrap h1:after {
content:".";
text-indent:-9999em;
display:block;
position:absolute;
right:15px;
top:22px;
width:0;
border-top:4px solid #fff !important;
border:4px solid transparent;
}
#sph-wrap #search {
float:right!important;
padding:0;
width:45px;
background-image:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/find.png);
background-repeat:no-repeat;
background-position:3px 3px;
}
#sph-wrap #search>h3 {
text-indent:-9999em;
margin:0;
}
#sph-wrap #search:hover {
background-color:#92cd68;
}
#search form {
position:absolute;
right:-1px;
top:-10000px;
background:rgba(0,0,0,0.6);
padding:10px;
-webkit-transition:opacity 0.5s linear;
}
#search:hover form {
top:45px;
opacity:1;
}
#sph-wrap #q {
border:none !important;
padding:5px 10px !important;
padding-left:30px !important;
background:rgba(225,225,225,1) url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/find.png) no-repeat 7px center;
-webkit-background-size:16px;
-moz-background-size:16px;
background-size:16px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-left:10px;
width:100px;
color:#404040;
font-size:16px !important;
font-family:"Helvetica Neue"!important;
font-weight:300 !important;
font-style:normal;
-webkit-box-shadow:0 -1px 0 rgba(225,225,225,0.3);
-moz-box-shadow:0 -1px 0 rgba(225,225,225,0.3);
box-shadow:0 -1px 0 rgba(225,225,225,0.3),inset 2px 2px 5px rgba(0,0,0,0.3);
text-shadow:0 1px 0 rgba(225,225,225,0.5);
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
opacity:0.7;
}
#sph-wrap #q:focus {
width:250px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
outline:none;
}
#sph-wrap #sph-top #network_menu li a {
padding:0 10px 0 42px;
cursor:pointer;
text-align:left !important;
}
#unite-hpathy {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/h.png) no-repeat
}
#unite-audio {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/sound.png) no-repeat
}
#unite-video {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/video.png) no-repeat
}
#unite-cwds {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/cwd.png) no-repeat
}
#unite-dic {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/Book-icon.png) no-repeat
}
#unite-wiki {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/wiki.png) no-repeat
}
#unite-health {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/Health.png) no-repeat
}
#unite-calc {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/calculator.png) no-repeat
}
#unite-blogs {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/blog.png) no-repeat
}
#unite-groups {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/groups.png) no-repeat
}
#unite-forum {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/forum.png) no-repeat
}
#unite-potency {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/potency.jpg) no-repeat
}
#unite-ppt {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/powerpoint.png) no-repeat
}
#unite-polls {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/Poll.png) no-repeat
}
#sph-wrap #sph-top ul li {
position:relative;
list-style:none;
}
#sph-wrap #sph-top ul ul {
top:-99999em;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
z-index:99;
min-width:240px;
background:rgba(0,0,0,0.9);
position:absolute;
left:0;
padding:0;
padding-bottom:10px;
margin:0;
-webkit-box-shadow:0 0 30px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 30px rgba(0,0,0,0.4);
box-shadow:0 0 30px rgba(0,0,0,0.4);
-webkit-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-ms-transition:opacity 0.4s ease-in-out;
transition:opacity 0.4s ease-in-out;
}
#sph-wrap #sph-top ul ul li a {
display:block;
margin-bottom:1px;
}
#sph-wrap #sph-top ul ul li a:hover {
background-color:rgba(255,102,0,0.2);
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
text-shadow:0 -2px 0 rgba(0,0,0,0.8);
border:0;
}
#sph-wrap ul li:hover ul,#sph-wrap ul li:focus ul {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1!important;
top:45px!important;
}
.sub-open>ul {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1!important;
top:45px!important;
}
#network_menu {
padding-right:20px;
padding-left:2px;
}
#network_menu:hover {
background-color:rgba(225,225,225,0.2);
}
#network_menu ul {
width:100% !important;
}
#sph-top {
float:right!important;
}
.li-right {
float:right !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
opacity:0.7;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;
background-color:rgba(225,225,225,0.1)!important;
margin-right:1px;
}
.li-right:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
background-color:rgba(225,225,225,0.9);
}
.li-right a {
text-decoration:none;
text-indent:-999em;
width:45px;
display:block;
padding:0 !important;
}
#sph-rss-link a {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/socialsprites.png) no-repeat -247px -247px;
}
#sph-rss-link a:hover {
background-color:#ff7200 !important;
}
#sph-facebook-link a:hover {
background-color:rgba(59,89,152,1) !important;
}
#sph-twitter-link a:hover {
background-color:rgba(141,192,217,1) !important;
}
#sph-twitter-link a {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/socialsprites.png) no-repeat -309px -307px
}
#sph-facebook-link a {
background:url(http://hpathycdn.hpathymedicalpvt.netdna-cdn.com/wp-content/uploads/2012/11/socialsprites.png) no-repeat -68px -67px
}
h1.hpathy {
background-position:5px 6px !important;
}
#link-to-home:hover {
background:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
border:none
}
#link-to-home {
padding:0 !important;
font-size:22px !important;
}