I took a look at your home page in IE6 and, as you said it would, it spanned clear across the screen on into tomorrow. This only happens in IE6 but IE7, NN, Opera and Safari all look the same as in FireFox.
I copied/pasted your text into a new document, saved the file locally and it seemed to display properly until I hooked up the vert.css file. Viola! it spanned super-wide.
Removing the following line fixed it.
I always specify pixel widths for padding and margins in my stylesheets but that's me.
I was a little confused with your javascript conditional statement.
Code:
<!--[if lte IE 6]>
<script type="text/javascript" src="js/nav-v.js"></script>
<![endif]-->
<!--[if gte IE 5.5]>
<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script>
<![endif]-->
This should work equally well in any browser, so I don't see any point in detecting a browser if you're only going to serve up the same file anyway.
Code:
<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script>
The head of your document would be easier to edit were you to clean it up and put things in a more logical sequence.
HTML Code:
<HTML>
<HEAD>
<TITLE>Tioga County Fair</TITLE>
<meta name="description" content="Tioga County Fair, Whitneyville, PA, between Mansfield and Wellsboro on Route 6">
<meta name="keywords" content="Agriculture, livestock, judging, contests, home, 4-H, handicrafts, entertainment, carnival, racing pigs, demolition derby, country singer, stage shows, puppets, talent contest, Wellsboro, PA, Tioga County">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script>
<link rel="stylesheet" type="text/css" href="http://tiogacountyfair.com/modules/Album/css/stylesheet.css" />
<style type="text/css">
@import url('css/vert-css.css');
</style>
</HEAD>
.02
Help! web site breaks down in IE 6
Linear Mode
