While positioning a div like for example, position:relative;top:-50px; some extra space may occur at the bottom of the div. This can be removed by adding margin-bottom:-50px; (i.e. the same value set for top) to the div.
Many times you require to put in browser-specific HTML / CSS in your files, because most often the pages are rendered differently (esp. IE). You can detect what browser the user is using with the help of PHP. In your PHP file, put the following code first:
This error may occur during Drupal installation as:
The following error must be resolved before you can continue the installation process: register_globals is enabled. Drupal requires this configuration directive to be disabled. Your site may not be secure when register_globals is enabled.
Create a folder for all the menu button images within your current project folder and put all your menu button images in it. These include 2 sets of images. One set is for 'on mouse over' and the other set is for 'on mouse out'.
In this demo I have used the following menu button images:
set1 - home_on.jpg, about_us_on.jpg, products_on.jpg, services_on.jpg – for 'on mouse over' and
set2 - home_off.jpg, about_us_off.jpg, products_off.jpg, services_off.jpg – for 'on mouse out'