Hi,
can anyone help me with this menu?

I need to create an unordered list with round corners and centered tick marks above.

Here is a jpg of how it should look:
http://www.designshoptoronto.com/Diddley/nav_example.jpg

When a person rolls over on the Nav item (such as “About” shown in the jpeg) the rounded box will encircle the text.

The tick marks will always stay above center of each Nav item (also shown in jpg)

I have built this using a tool I found at :
http://www.roundedcornr.com/
and with a series of divs in order to have the tick mark appear centered above the nav.

Here are my html and css files for reference:
http://www.designshoptoronto.com/Diddley/
http://www.designshoptoronto.com/Diddley/style.css

There are nav file files pasted in the css which I have not used… I just put them there because I was trying to analyse how other people create menus with unordered lists, however I am stumped and can’t figure out how to make this work that way I have shown in the jpeg.

Any help or enlightenment will be appreciated.

Thanks

Tracey