There's lots of methods. The easiest is to set up your navigation area as an unordered list (ul) floated left, then have the list-items floated left, displayed as blocks with a fixed height and width the size of the image, and use the image as a background image for each list-item. You may have to diddle with such things as margin, padding, and line-height for the list-items to get the appearance JUST RIGHT.
The image would likely be a background image for a "class" of "a" (address element) and you'd give each "a" in your navigation list that class, so it might get a little tricky! Enjoy!