Links Work In Ie9 - Not Working In Safari Or Chrome

[Scotty13]

My header links work in IE9, however they don’t work in Safari or in Chrome browsers. The weird thing about this is my <?php echo $ckinOptions; ?> (highlighted on the bottom) links work in Safari & Chrome.

 

Here is my script....

 

<div style="font-size:72px; line-height:1.0em; float:left;margin:-15px;">

<blockquote>

<p><a href="http://www.myglobalpnr.com/index.php"><img src="images/mgplogo1.png" alt="Note" title="Go Back Home to My Global PNR" width="150" height="150"hspace="0" vspace="0" border="0" /></a><strong>My Global PNR</strong> </p>

</blockquote>

</div>

<div align="left">

<table width="883" align="left" cellpadding="0" cellspacing="0" >

<tr>

<td width="1" height="55" valign="top"><div align="right"></div></td>

<td width="801">

<div class="headerBtns" style="margin-top:-80px; text-align: center;">

<div align="center"><span class="center" style="text-align: right">

<a href="http://myglobalpnr.com/myworktriptopics/index.php">Work & Trip Forums</a>  

<a href="http://myglobalpnr.com/tktedmembers_search.php">Search Ticketed Members</a>  

<a href="http://www.myglobalpnr.com/myvcphotoalbum/index.php">My Vacation Photos</a>  </span><span style="text-align: right"><span style="text-align: center"><a href="http://myglobalpnr.com/myvcpostcard.php#">Send A Vacation Postcard</a></span></span><span style="text-align: center">   </span></div>

<p align="center"><span style="text-align: center"><a href="http://myglobalpnr.com/myvcbookexchg/index.php">Traveling Book & Guide Exchange</a>  

<a href="http://www.myglobalpnr.com/myvcorganizer/index.php">My Vacation Organizer</a>  

<a href="http://myglobalpnr.com/myvchomeswap/testRentalListing.php?controller=Listings&action=add">Rent A Vacation Home</a></span></p>

</div>

</td>

</tr>

</table>

</div>

<div class="editmyresckairmail">

<div align="right" class="center">

<div align="center"><?php echo $ckinOptions; ?></div>

</div>

 

Thanks in advance,

Scotty13

[Andrea]

Do you have a link to the page? If not, post ALL your HTML and your CSS.

[Scotty13]

Do you have a link to the page? If not, post ALL your HTML and your CSS.

http://www.myglobalpnr.com/index.php

 

Thanks,

S

[Andrea]

My first guess - before seeing the page - was that another division is covering your navigation. Now that I can see the page, I open it in Firefox, and with the webdeveloper toolbar, I click "outline - Block Level Elements' and that confirms my suspicion.

 

Next, I ran your page through the validator: 56 errors. - and looking at your code, I don't even know where to begin.

 

You start with an opening p tag that contains a division.

Style type belongs into your head section then there is a table inside a division, the table itself contains divisions, and all that is still in the initial p tag that's still open.

 

Start over - don't use tables for layout, don't use non-breaking spaces to create space (they are meant for line breaks), use an external stylesheet.

The font tag is deprecated.

 

Scrolling almost to the end of your code, you have a second opening body tag.

 

The center tag is also deprecated.

 

Fixing all this would take a whole lot longer than starting fresh - and clean!!

[Scotty13]

@Andrea

 

I took your advice and just did it all over and now it works in all three browsers. Now I have to figure out how to move my logo over to the left corner and lower my title to align up with the bottom of the globe.

 

You have any idea how to do that in text/css?

 

Thanks Again,

Scotty13

[Andrea]

Yes, I have an idea but need to see what you have. If it's the same link as earlier - you still have all those errors I mentioned.