/*       web.css for footer   */

* {
  margin: 5;
}
html, body {
  height: 100%;
}

}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
.footer, .push {
  height: 4em;
}

<!-- horizontal lists with boxes -->

#hmenu
{	
display: inline;
	z-index: 30}

#hmenu li
{	
margin: 2;
padding: 0;
list-style: none; 
float: left;
font: bold 13px helvetica;
}

#hmenu li a
{
display: block;        
width: auto;          
text-align: center;   
background: #5970B2;  
color: #FFF;          
text-decoration: none;
}

#hmenu li a:hover
{
background: #49A3FF
}

<!-- for vertical lists with boxes -->

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

#menu a, #menu a:visited { 
display:block; 
width:auto; 
font-family:sans-serif; /* ADDED */ 
font-size:0.8em; /* ADDED */ 
text-align:center; /* ADDED */ 
text-decoration:none; /* ADDED */ 
background: #5970B2;  
color: #FFF;          
} 

#menu li a:hover
{
background: #49A3FF
}