Navigation alignment different for IE and chrome/firefox - Joomla! Forum - community, help and support

hi, have set whole site editing css joomla template cannot figure out how top navigation aligned browsers... in i.e aligns top , in chrome/firefox/safari aligns @ bottom. else on site aligned correctly.

my testing url: http://www.rigcity.com.au/testing/

the css handles top nav is:

code: select all

#top_wrapper{
   border-top: 2px solid #000;
   width: 100%;
   height: auto;
}

#topmininav_wrapper{
    width: 100%;
   height: 39px;
   background:url(../images/topinavbg.png) repeat-x #bebebe;   
   padding-top:5px;      
   color: #8f8f8f;
   
 }

#topmininav{
   width: 950px;
   height: auto;
   padding: 0 15px;
   overflow: hidden;
   margin: auto;
   
}

#topmininav ul{
   float: right;
   margin: 5px 0 25px 0;
   padding:0;   
   
   
   
}

#topmininav ul li{
   display: inline;
   padding: 0;
   
}


#topmininav ul li .main {
   display: inline;
   padding: 0 5px 0 0;

}


#topmininav a{
   font-family: gabriola;
   font-size:24px;
   color: #262223;
   text-decoration: none;
   font-weight:normal;
   
   -webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;
}



if can great

eddie

there must different css files ie. check files first.
also vertical divider before 'home' missing in ie. except alignments looks same ie n chrome