You've got so MANY "fun" things going on, it's hard to decide where to start.
First, where did you get the template and stylesheet? There are two stylesheets missing (3 if you're not using newer Zen) but, they are for printing and buttons. You have several (ahem) unusual calls throughout the css. Plus, your stylesheet is 500 lines longer than standard! The stylesheet uses mostly px versus em for sizes. I wonder if you have the override system set up correctly and whether or not you have the newest version of zencart?
One doesn't normally put images in as a background to an <h3>. Normally they'd put the image in the surrounding div as you're trying to do here.
Though you may think Trebuchet is the world's greatest font, unless you get all your customers to install the font, their carts will probably revert to something like Times or Verdana so why bother?
You can set up specific browser-related rules but adding mozilla colors to a border-color is not valid.
Pseudo-class calls like focus won't work with IE 6 or 7.
You've used "display: block;" for the navMainSearch in the stylesheet. You may think this "blocks" the display but, actually, "The element will be displayed as a block-level element, with a line break before and after the element." If you're trying not to have it show, turn it off in the admin menu under tools >> Layout Boxes Controller.
Remember that Zen tutorials are written with a non-modified, standard installation in mind. On a scale of 1 to 10 with 10 being the most standard, you'd come up around a 1.5.:(
It's hard to determine what is going to happen next with the current stylesheet. It looks like you've jumped on your horse and ridden madly off in all directions.:P
Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com
