I think I am having issues with my drop down menu on PC windows IE 6 and Firefox. Need someone to do a browser check for me since I am on a Mac and hopefully someone who can point to any problems in my CSS code, which I've attached. I am using a plugin for dreamweaver since I thought it would produce me a better drop down than I can write from scratch (maybe I was wrong). The main issue I think is with the Tours dropdown and the coming soon drop down which is a child of the first drop down. I have attached a pic of what it should appear like. Thanks in advance...

www.edgeofworldretreats.com/test.html
(This is the only page that I have the new drop down menu on. The other pages have an old drop down that I am phasing out)

Joe

HTML Code

<td><ul id="p7PMnav">
				  <li><a href="about.html">About Us</a></li>
				  <li><a href="tours.html" class="p7PMtrg">Tours &amp; Pilgrimages</a>
					  <ul>
						<li><a href="france.html">France</a></li>
						<li><a href="italy.html">Italy</a></li>
						<li><a href="UK.html">United Kingdom</a></li>
						<li><a href="mexico.html">Mexico</a></li>
						<li><a href="greece.html">Greece</a></li>
						<li><a href="australia.html">Australia</a></li>
						<li><a href="egypt.html">Egypt</a></li>
						<li><a href="#" class="p7PMtrg">Coming Soon</a>
							<ul>
							  <li><a href="#">India</a></li>
							  <li><a href="#">Asia</a></li>
							  <li><a href="#">Hawaii</a></li>
							  <li><a href="#">Africa</a></li>
							</ul>
						</li>
					  </ul>
				  </li>
				  <li><a href="retreats.html">Retreats &amp; Programs</a></li>
				  <li><a href="facilitators.html">Facilitators</a></li>
				  <li><a href="registration.html">Registration</a></li>
				  <li><a href="photos.html">Photo Gallery</a></li>
				  <li><a href="news.html">News &amp; Events</a></li>
				  <li><a href="contact.html">Contact Us</a></li>
				  <!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]-->
				  <!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]-->
				</ul></td>

CSS Code

#p7PMnav {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: #3F2103;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	color: #FFCA3C;
	line-height:1;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin: 0px;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #9A650D;
	letter-spacing: 0.01px;
	color: #FFFFFF;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #333333;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #9A650D;
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width:;
}
#p7PMnav ul li {
	float: none;
	background-color: #3F2103;
	top: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFCA3C;
	border-bottom-color: #FFCA3C;
	border-left-color: #FFCA3C;
	margin: 0px;
	padding: 0px;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 172px;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 11px;
	color: #FFCA3C;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #9A650D;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #FFCA3C;
	background-color: #3F2103;
}
#p7PMnav ul li ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C29229;
}

This post has been edited by jonkati: 24 January 2008 - 03:23 PM

i do see the problem in IE
but in FF it looks fine.

have you validated the code?
that worked for me on my last css issue in IE.

not a code guru so can't help beyond that.

good luck.

http://jigsaw.w3.org...com%2Ftest.html

Thanks for the help. Let me know if you can send a screen shot if you have time out of IE6 to:
jonkati@prodigy.net

Thanks,

Joe

capty99, on 24 Jan, 2008 - 04:37 PM, said: