Hi, np at all! Right to your questions:
1) You could use this:
.sm-clean > li > a img {
vertical-align:top;
border:0; /* for IE's sake */
}
2) You could, for example, add some left margin to your “Full Extent” item – e.g. in the HTML:
<li id="menu-item-full-extent">...
and in the CSS:
#menu-item-full-extent {
margin-left:50px;
}
Or add the margin to the divider SPAN you use, if you still would like to have it before the item. Or you could even float the item LIs to left if you like. There are different approaches.
3) When you add the first fix for the icons, you will automatically get 40px height for the main menu items, so you can remove the additional setting you’ve added. But to answer your question, it’s best to control the main menu height via the items (the links) – i.e. you can tweak their padding-top
, padding-bottom
and line-height
in pixels if you like. The main menu box will automatically grow in height for them.
Cheers!