Te sale en vertical porque te falta añadir lo siguiente:

#menu2 {
	background-image: url(botonmenu.jpg);
	height: 50px;
	width: 100px;
	position: relative;
	top: 0px;
 
	background-repeat: no-repeat;
	align: top;
 
        display: inline;
}

No se suele ver esa unión de div que tú haces para hacer menús. Normalmente los menús suelen ser listas (<div><ul><li>...</li></ul></div>) o solamente enlaces (por ejemplo el menú principal de este foro).

Mi consejo es que analices una página web que te guste y veas su código y cómo lo hace.

el problema de la no visualizacion de la imagen quedo medio resuelto, parece que era un problema de que quedaba muy justo y no cabia el div, igualmente, me parece raro pues estaba al milimetro calculado,ahora el problema que tengo es que aunque los div de menu2 tengan el ancho especificado, si no escribo nada no ocupan este ancho, es decir, su tamaño varia de lo que exista dentro, alguna sugerencia para arreglarlo, gracias


edito

cambie menu2 a #menu div, intente #menu spam pero me dio algun problema