/* without text */
#menu {
display:block; 
height: 51px; 
}

#menu ul {
margin:0; 
padding:0; 
list-style-type:none;
}

#menu li {
float:left; 
display:block; 
height: 51px;
}


#menu li.list1 {
background:transparent url(http://www.pearlsandcake.com/images/home.jpg);
width: 112px;
}
#menu li.list2 {
background:transparent url(http://www.pearlsandcake.com/images/online_store.jpg);
width: 195px;
}
#menu li.list3 {
background:transparent url(http://www.pearlsandcake.com/images/scrapbook.jpg);
width: 159px;
}
#menu li.list4 {
background:transparent url(http://www.pearlsandcake.com/images/events_calendar.jpg);
width: 227px;
}
#menu li.list5 {
background:transparent url(http://www.pearlsandcake.com/images/press.jpg);
width: 98px;
}
#menu li.list6 {
background:transparent url(http://www.pearlsandcake.com/images/pearl_school.jpg);
width: 211px;
}

#menu a {
display:block; 
height:51px; 
padding-top:86px; 
height:0; 
color:#000; 
text-decoration:none; 
overflow:hidden;
}

* html #menu a:link, * html #menu a:visited {height:51px; he\ight:0;}

#menu a#item1 {
background:transparent url(http://www.pearlsandcake.com/images/home2.jpg) -112px -51px no-repeat;
width: 112px;
}
#menu a#item2 {
background:transparent url(http://www.pearlsandcake.com/images/online_store2.jpg) -195px -51px no-repeat;
width: 195px;
}
#menu a#item3 {
background:transparent url(http://www.pearlsandcake.com/images/scrapbook2.jpg) -159px -51px no-repeat;
width: 159px;
}
#menu a#item4 {
background:transparent url(http://www.pearlsandcake.com/images/events_calendar2.jpg) -227px -51px no-repeat;
width: 227px;
}
#menu a#item5 {
background:transparent url(http://www.pearlsandcake.com/images/press2.jpg) -98px -51px no-repeat;
width: 98px;
}
#menu a#item6 {
background:transparent url(http://www.pearlsandcake.com/images/pearl_school2.jpg) -211px -51px no-repeat;
width: 211px;
}



#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:86px; he\ight:0;}