#menu { 

position: relative; 
width: 600px;
background: url('images/navigation/bg.gif') no-repeat top; 
/*padding: 15px; */
padding-top: 20px;
overflow: hidden;
} 
  
#menu ul { 
padding: 0; 
margin: 0; 
} 
  
/* Don't apply padding here (offsetWidth will differ in IE) 
If you need padding add it to the child anchor */ 


#menu ul li { 
float: left; 
list-style: none; 
} 
  
#menu ul li a 
{
text-indent: -500em; 
z-index: 10; 
display: block; 
float: left; 
height: 30px; 
position: relative; 
overflow: hidden; 
}

#menu_home a 
{
width: 49px;
background: url('images/navigation/links/Home.gif') no-repeat center;
} 
  
#menu_aboutus a { 
width: 72px; 
background: url('images/navigation/links/AboutUs.gif') no-repeat center; 
} 
  
#menu_development a { 
width: 97px; 
background: url('images/navigation/links/Development.gif') no-repeat center; 
} 
  
#menu_database a { 
width: 73px; 
background: url('images/navigation/links/Database.gif') no-repeat center; 
} 
  
#menu_ecommerce a { 
width: 94px; 
background: url('images/navigation/links/ECommerce.gif') no-repeat center; 
} 
  
#menu_portfolio a { 
width: 72px; 
background: url('images/navigation/links/Portfolio.gif') no-repeat center; 
} 
  
#menu_contactus a { 
width: 83px; 
background: url('images/navigation/links/ContactUs.gif') no-repeat center; 
} 

#menu li.background { 
background: url('images/navigation/bg_menu_right.gif') no-repeat top right; 
z-index: 8; 
position: absolute; 
visibility: hidden; 
} 
  
#menu .background .left { 
background: url('images/navigation/bg_menu.gif') no-repeat top left; 
height: 30px; 
margin-right: 10px; /* 7px is the width of the rounded shape */ 
}