pagemenu bar hover/alignment
 

take a look at my pagemenu bar at http://jaktozrobiconline.com nothing is in line
i have no idea about css
the css insert looks like that

div#menu1 {
height: 30px;
background: url(/wp-content/themes/atahualpa351/images/redmenu.gif);
border: solid 1px #ffffff;
}
div#menu1 ul.rMenu {
height: 30px;

}
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: url(/wp-content/themes/atahualpa351/images/redmenu.gif);
background-repeat: repeat-x;
color: #ffffff !important;
}
div#menu1 li.current_page_item a:hover {
background: url(/wp-content/themes/atahualpa351/images/bluemenu.gif);
background-repeat: repeat-x;
}
div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: url(/wp-content/themes/atahualpa351/images/bluemenu.gif);
background-repeat: repeat-x;
}
why hover doesn't show??
what is wrong???
any suggestions??

Check out the notes at http://www.w3schools.com/css/css_pseudo_classes.asp