please help with css

[cherylkemp]

ok...after working on this for literally DAYS...I have made progress but continue to have problems. I'm trying to customize the ezpages header.

I've read tons of stuff and just can't get this figured out. It's either a problem with the css itself...or maybe multiple stylesheets (I have the elements marked individually though)?

Surprisingly, the biggest issue is in FF...the main content is being shifted to the right...probably by a float...but I have tried clear:both EVERYWHERE and I can't seem to get it right. Whenever I put the clear in the #easypages li section, it does shift to the left but so does the nav menu.

There are also two wacky lines...will be obvious when you look. Here is the link: http://www.divaknitting.com/testzenstore

Any help would really be appreciated. My MIL is coming to stay with us for a couple of days and I really need to get focused on cleaning instead of being obsessed with this! :)

Here is the relevant code:

#ezpagesnav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.2em 1.1em;
}

#ezpagesnav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #499bca;
	border-width: 0 10px;
}

/*this changes the width between the headings (at least, use to when I originaly started this mess
and when adding clear:both to the end allows ff to show 
the main content box better, but shifts the whole menu to left*/

#ezpagesnav li {
	float: left;
	position: relative;	
	width: 14em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #499bca;
	border-width: 1px 0;
}

#ezpagesnav li information {
	border-left-width: 1em;
	
}

#ezpagesnav li specialorders {
	border-right-width: 1em;	
}

#ezpagesnav li ul {
    display: none;
	position: relative;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #499bca;
	border-left: solid 1px #499bca;
}

#ezpagesnav li>ul {
	top: auto;
	left: auto;
}

#ezpagesnav li li {
	display: block;
	float: none;
	background-color: white;
	border: 0;
}

#ezpagesnav li:hover ul, li.over ul {
	display: block;	
}

#ezpagesnav li:hover ul, #ezpagesnav li.sfhover ul {
	left: auto;
}


#ezpagesnav hr {
	display: none;	
}