want to center text in the middle of an image.
here is an example using an image which demonstrates what i would like to appear http://jongalli.rar.gi/update/siteimages/test.jpg
in final browser view.
however i want to separate the text from the image, allowing me to control the font using CSS, and not have to edit my images everytime.
i know this can be done using php GD whereby i can draw the text on an image, but am sure there is a much easier and less complicated way to achieve this effect using css.
i know you can apply a css background-image to a div element e.g:
but the images being used are part of a navigation, meaning that this static rule doesnt apply to me.