EE Menu

Menu EE Mobile

<style>
body {background:#333;}
#navbarbkg
{
background-image:url(images/navbar.jpg);
background-repeat:no-repeat;
width:900px;
height:47px;

}
ul.navbar
{
width:900px;
height:40px;
margin-left:25px;
margin-right:25px;

}
ul.navbar li
{

display: inline-block;
*display:inline;
zoom:1;
vertical-align:top;
font:Arial, Helvetica;
font-weight:bold;
font-size:16px;
padding-top:6px;
height:40px;
line-height:40px;
padding-right:25px;
}
a {text-decoration:none; }
ul.navbar li a
{
display:block; 
color:#FFFFFF;
}
ul.navbar li a.rollover:hover
{
background-color:#ff6f20; /*opacity:.8;*/
height:40px;
}
</style>

<div id="navbarbkg">
            	<ul class="navbar">
        		 	<li><a href="index.html" class="rollover">Home</a></li>
             		<li><a href="about.html" class="rollover">About IMC</a></li>
             		<li><a href="employee.html" class="rollover">Employees</a></li>
             		<li><a href="locations.html" class="rollover">Locations</a></li>
             		<li><a href="products.html" class="rollover">Featured Products</a></li>
             		<li><a href="gearing.html" class="rollover">Gearing</a></li>
             		<li><a href="news.html" class="rollover">News</a></li>
             		<li><a href="internal.html" class="rollover">Internal</a></li>
             		<li><a href="links.html" class="rollover">Usefule Links</a></li>
       			 </ul>
</div>