SuzyUK - 12:53 pm on Feb 24, 2011 (gmt 0)

yeah that looks right :)

re the CSS you will likely need to add your #sitenav ul li part before those rules (using whatever the ID of the overall menu container is!), but see the bit in above post about making sure the specificity matches your already existing selectors.. basically as long as they are the same pattern and end with a, a span, a:hover it should be good to go

and lastly yes you can control the width/height of the span via the CSS (that's 100px x 100px in my example) OR via the image attributes itself.. up to you.. if the images are all the same size you might want to do it via the CSS.. and lastly I see you have some text prefixing the image so it would be an idea to make the a span img {display: block;} - prefixed by your existing pattern - this will help it appear underneath the text and stop the span ever widening if you do use the image attributes to control the dimensions

Good Job! best advice as always is to play around and see what each thing does, before adding it into your menu

Suzy
:)