I am preparing a sample home page for a new site.
Using an iPad to preview the site, I noticed that the horizontal navigational links/menu appear 3 to 5 pixels lower than desired within the header section.
Using the Safari 5.1 browser on a Macbook pro, the position of the nav links appears to be correct. I intended to have the green-colored nav strip appear flush with the bottom of the image in the upper right corner.
What is causing the iPad Safari browser to lower some of the elements?
Also, I noticed a few other differences on the iPad:
The footer below the main content area appears to have a hairline border on the left, right and bottom sides.
The telephone and fax numbers are automatically being converted into blue, underlined links? Is there any simple what to not have telephone numbers become links on an iPad?
The sample page is located at: