#menu {width: 900px; position: relative; top: 455px; text-align: center;}
#ul_menu {margin: 0 0 0 6px; padding: 0; height: 49px; list-style-type: none; overflow: hidden;}
#menu li {margin: 0; padding: 0; float: left;}


#menu li a {float: left; padding: 49px 0 0 0; overflow: hidden;} /*remove text*/

#menu li a:hover {background-position: 0 -49px;}

#m1 a {width: 57px; background: url(img/menu/home.gif) no-repeat top;}
#m2 a {width: 136px; background: url(img/menu/travel-photos.gif) no-repeat top;}
#m3 a {width: 99px; background: url(img/menu/the-cakes.gif) no-repeat top;}
#m4 a {width: 90px; background: url(img/menu/artwork.gif) no-repeat top;}
#m5 a {width: 84px; background: url(img/menu/creative-writing.gif) no-repeat top;}
#m6 a {width: 110px; background: url(img/menu/gig-photos.gif) no-repeat top;}
#m7 a {width: 172px; background: url(img/menu/happy-smiley-page.gif) no-repeat top;}
#m8 a {width: 136px; background: url(img/menu/contact.gif) no-repeat top;}