Well... I'm seeing a whole slew of issues with this code.
1) The comment placement is likely to trip rendering bugs in IE and even some versions of FF... If you used MEANINGFUL names instead of presentational ones, you could get rid of the starting comments altogether, and switching the ending comments to BEFORE the closing tag would prevent them from causing problems too.
I mean really:
<!-- Content --><div id="content">
No, opening a div called content is the content? I never would have guessed (you see that one all the time -- serious "what the" territory -- It's like saying copyright © -- oops, that's on the page too...)
2) The heading order is nonsensical -- and I'd suggest swinging an axe at that silly and impersonal "welcome" nonsense.
3) there are multiple div --- #navBar, #banner -- that serve NO good purpose whatsoever on such a simple layout.
4) with classes like "left" and "right" you might as well go back to using HTML 3.2
5) Presentational images in the markup -- That banner.jpg has no real business being there; that's CSS' job.
5) the lack of a reset or declaring margins/paddings on EVERYTHING in the CSS likely explains the four different layouts I'm seeing in four different browsers here.
6) The CSS is stuck in specificity hell with all the unnecessarily selector use.
7) the use of PX fonts on BODY pretty well shtups accessibility.
8) the keywords meta is overstuffed and redundant to itself. It's called "keyWORDS" -- not keyphrases. Think of it like a word jumble.
Of course, that's before we talk about the presence of jquery for NOTHING useful. (not that it EVER serves a good purpose besides bloating out the page)
So... first order of business is to bring the HTML into this century. This means using XHTML 1.0 STRICT instead of Tranny. Transitional is for supporting old/outdate 1997 style coding practices, NOT for building new websites!
Which if I wrote the markup would look something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
content="Custom fishing rods for the serious fishermen"
content="barrett, fishing, rod, fish, custom, casting, jigging, fly, pier, boat"
Barrett Fishing Rod Company
Barrett Rod Company
<li class="current"><a href="index.html">Home</a></li>
<img src="graphics/rod_spectrum.jpg" alt="Custom Fishing Rods" class="leadingPlate" />
Barrett is a custom fishing rod builder and full rodsmith shop. We specialize in making custom rods that will fit you as a person and your style of fishing. Weather your roaming the open ocean or hitting the local beach, we can build you the rod you have been waiting for. Boat rods, big game rods, surf casting rods, jigging rods, fly rods, pier rods, if you need a rod to do something special we can built it for you.
Use your imagination and see what type and style of fishing rod you can dream of and we can build it for you.
So go ahead and take a look at some of the fishing rods we have built and also check out all the pictures of some of the fish that have been caught using our rods and see for your self why our rods can stand up to your type of fishing.
<!-- .afterPlate --></div>
<!-- #content --></div>
Port St. Lucie, FL <span>•</span>
(772) 497-4344 <span>•</span>
<!-- #footer --></div>
Copyright © 2011 Barrett Rod Company -
All rights reserved -
Designed By Peter Kazazes & Joshua Jorgensen
<!-- #disclaimer --></div>
If I have time later I'll put together the CSS that would make that work.