/*
  Use the following css styles to configure imagemenu.
  NOTE: to hide markers (that appear left to menu item
  like in core menu) use "background: none;"
*/

.imagemenu .leaf {
    background: none;
	display: block;
/*	vertical-align:bottom: */
}

.imagemenu .expanded {
    background: none;
	display: block;
/*	vertical-align:bottom: */
}

.imagemenu .collapsed {
    background: none;
	display: block;
/*	vertical-align:bottom: */
}


/* or use the following method that works. Instead of "imagemenugroup1", "#imagemenu1" or "imagemenu2" you use your own 
   individual names. This CSS you can define here in this "imagemenu.css", or better even in your themes "style.css"-file.
*/

img.imagemenugroup1 {
  display: block;               /* -->  Is needed to tie the images to the bottom-line by defining them in a block. Otherwise */   
  background: none;             /*      they orient on the font baseline, which is the fonts underlength higher up then the   */                                /*      bottom-line. That would result in spaces between vertikal menu buttons */
}

#imagemenu1 {
  position: relative;          /* if the menues have to stay horizontaly and verticaly in place use "left: 0px; top: 0px;" */
  left: 0px;
  bottom: 0px;
}


#imagemenu2 {
  position: relative;          /* if the menues have to stay horizontaly and verticaly in place use "left: 0px; top: 0px;" */
  left: 0px;
  bottom: 0px; 
}