#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2011
    Posts
    2
    Rep Power
    0

    Pure Css menu not working in IE9


    I have a pure css menu that I like but it does not work with IE. works exactly as I want in firefox.
    in IE when I hover over the menu bar the list do not become visible
    any one know what I need to do to make it work?
    Thanks
    BadIdea

    The page code is
    Code:
    <html>
    <head>
    	<meta name="author" content="Jeffrey Bourque">
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta http-equiv="cache-control" content="no-cache">
    	<link rel="stylesheet" type="text/css" href="menuCss.css" />
    	<title>Operations Control</title>
    </head>
    
    <body>
    
    <div class="mainheader">
    	<table>
    		<tr><td><img src="img/sitelogo.png" width="135" height="59"/></td><td><h1>Operations Control</h1></td></tr>
    		<tr><td colspan="2"><?php echo "Welcome! $useid "; ?> -- <a href="../logout.php" class="nh"> Log Out</a></td></tr>
    	</table>
    </div>
    
    	<div id="navMenu">
    
    	<ul>
    		<li><a href="#">Home</a>
    			<ul>
    				<li><a href="#">My Evaluations</a></li>
    				<li><a href="#">My Approvals</a></li>
    				<li><a href="#">My Actions</a></li>
    				<li><a href="#">Phone List</a></li>
    				<li><a href="#">Training</a></li>
    				<li><a href="#">Change Password</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Manufacturing</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Quality</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Engineering</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Planning</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">My Actions</a></li>
    				<li><a href="#">Phone List</a></li>
    				<li><a href="#">Change Password</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Accounting</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Materials</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<ul>
    		<li><a href="#">Engineering</a>
    			<ul>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    				<li><a href="#">Search Data</a></li>
    			</ul> <!-- end inner ul -->
    		</li> <!-- end main li -->
    	</ul> <!-- end main ul -->
    
    	<br class="clearFloat" />
    	</div> <!-- end navMenu -->
    
    
    </body>
    </html>
    The Css is
    Code:
    body
    	{
    		margin:0;
    		padding:0;
    		background:#D0E2DD;
    	}
    
    .mainheader
    	{
    		background:#F2F2F2;
    		margin:0;
    		padding-left:30px;
    		padding-top:20px;
    		padding-bottom:5px;
    		padding-right:10px;
    	}
    
    .mainheader h1
    	{
    		color:#000000;
    		font-size:36px;
    
    	}
    
    .navBar
    	{
    		background:#7777BB;
    		color:#2554C7;
    		line-height:30px;
    	}
    
    .endBar
    	{
    		clear:both;
    		background:#FFFFFF;
    		padding:0px 10px;
    		border-bottom:1px solid #808080;
    	}
    
    .floatR
    	{
    		float:right;
    	}
    
    #navMenu
    	{
    		margin:0;
    		padding:0;
    		
    	}
    
    #navMenu ul
    	{
    		margin:0;
    		padding:0;
    		line-height:30px;
    	}
    
    #navMenu li
    	{
    		margin:0;
    		padding:0;
    		list-style:none;
    		float:left;
    		position:relative;
    		background:#7777BB;
    	}
    
    #navMenu ul li a
    	{
    		text-align:center;
    		font-family:"Comic Sans MS", cursive;
    		text-decoration:none;
    		height:30px;
    		width:150px;
    		display:block;
    		color:#ffffff;
    		border:1px solid #ffffff;
    		text-shadow:1px 1px 1px #000000;
    	}
    
    #navMenu ul ul
    	{
    		position:absolute;
    		visibility:hidden;
    		top:32px;
    	}
    
    #navMenu ul li:hover ul
    	{
    		visibility:visible;
    	}
    
    
    #navMenu li:hover
    	{
    		background:#aaaaaa;
    	}
    
    #navMenu ul li:hover ul li a:hover
    	{
    		background:#F2F2F2;
    		color:#000;
    	}
    
    #navMenu a:hover
    	{
    		color:#0088ff;
    	}
    
    .clearFloat
    	{
    		clear:both;
    		margin:0;
    		padding:0;
    	}
    Last edited by Kravvitz; May 14th, 2011 at 01:52 PM. Reason: fixed the code tags
  2. #2
  3. JavaScript is not spelt java
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2011
    Location
    Landan, England
    Posts
    743
    Rep Power
    169
    You need to give your document a !DOCTYPE declaration to prevent IE going into quirks mode.

    IE doesn't support 'text-shadow' but if you give a valid DOCTYPE then it will just ignore this property.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2011
    Posts
    2
    Rep Power
    0

    fix one got one


    I do have the !DOCTYPE declaration in the actual page but it still does not work. Had to adjust the css and restructure the visibilty. Thanks but I got it.
    Have a new IE problem now.
    I have a PDF object that is in the page just below the css menu and the menu is always behind the object.

    Any ideas on that one?

    I will start a new thread.
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Welcome to DevShed Forums, badidea.

    Since you haven't started a new thread, I'll answer that here.
    I have a PDF object that is in the page just below the css menu and the menu is always behind the object.
    All plugins sit above other layers by default. As far as I know, only Flash provides a solution for this.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2011
    Posts
    1
    Rep Power
    0
    I also facing the same problem.
    My coding working perfect in Chrome and Firefox, but not in IE9.
    Any thing wrong with my coding?

    <html>
    <head>
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css-hover.css" />
    </head>
    <title>Elvie Loon</title>
    <meta content="Professional Makeup Artist and Hair Stylist" name="description">

    <style type="text/css">
    .over .fly1 {
    position:absolute; z-index:10;
    top: 341px; left: 370px;
    }

    .over .pic1 {
    display:none;
    visibility:hidden;
    }

    .over:hover .pic1 {
    display:inline;
    visibility:visible;
    position:absolute;
    top:100px;
    left:100px;
    z-index:11;
    }
    </style>
    <body style="margin: 0px; width: 520px;">

    <a class="over">
    <img src="fly-1.png" class="fly1" />
    <img src="pic-1.png" class="pic1" />
    </a>

    </body>
    </html>



    Thank you.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2011
    Posts
    6
    Rep Power
    0

    Me Too PureCss & IE9


    I have researched for seems like an hour & half this thread...seems several have had the same problem...they find the fix and come back and say "I got it"...but they don't post the fix if you found a way to fix this..would you please post your fix so I can copy it? would someone be so kind to look at my code and tell me what to do so this will work in IE9?...

    disclaimer:...I am not a code maker kinda guy..I'm a simple wysiwyg...dude..I simply will copy your fix and put it in mine...

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
        <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
    </head>
    <body bgcolor="#ffffff">
    
    
    
    <!-- Start PureCSSMenu.com STYLE -->
    <style>
    #pcm{display:none;}
    ul.pureCssMenu ul{display:none}
    ul.pureCssMenu li:hover>ul{display:block}
    ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.pureCssMenu,ul.pureCssMenu ul {
    	margin:0px;
    	list-style:none;
    	padding:0px 2px 2px 0px;
    	background-color:#2A78C3;
    	background-repeat:repeat;
    	border-color:#EEEEEE #AAAAAA #AAAAAA #FFFFFF;
    	border-width:2px;
    	border-style:groove;
    }
    ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    	display:block;
    	zoom:1;
    	float: left;
    }
    ul.pureCssMenu ul{
    	width:240.45000000000002px;
    }
    ul.pureCssMenu li{
    	display:block;
    	margin:2px 0px 0px 2px;
    	font-size:0px;
    }
    ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
    }
    ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    	display:block;
    	vertical-align:middle;
    	background-color:#2A78C3;
    	border-width:0px;
    	border-color:;
    	border-style:solid;
    	text-align:left;
    	text-decoration:none;
    	padding:3px;
    	_padding-left:0;
    	font:bold 9px Verdana;
    	color: #FFFFFF;
    	text-decoration:none;
    	cursor:pointer;
    }
    ul.pureCssMenu span{
    	overflow:hidden;
    }
    ul.pureCssMenu li {
    	float:left;
    }
    ul.pureCssMenu ul li {
    	float:none;
    }
    ul.pureCssMenu ul a {
    	text-align:left;
    	white-space:nowrap;
    }
    ul.pureCssMenu li.sep{
    	text-align:left;
    	padding:0px;
    	line-height:0;
    	height:100%;
    }
    ul.pureCssMenu li.sep span{
    	float:none;	padding-right:0;
    	width:5;
    	height:18;
    	display:inline-block;
    	background-color:#EEEEEE #AAAAAA #AAAAAA #FFFFFF;	background-image:none;}
    ul.pureCssMenu ul li.sep span{
    	width:100;
    	height:5;
    }
    ul.pureCssMenu li:hover{
    	position:relative;
    }
    ul.pureCssMenu li:hover>a{
    	background-color:#FAF5A4;
    	border-style:solid;
    	font:bold 9px Verdana;
    	color: #091B2D;
    	text-decoration:none;
    }
    ul.pureCssMenu li a:hover{
    	position:relative;
    	background-color:#FAF5A4;
    	border-style:solid;
    	font:bold 9px Verdana;
    	color: #091B2D;
    	text-decoration:none;
    }
    ul.pureCssMenu li.dis a {
    	color: #AAAAAA !important;
    }
    ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:3px;width:16px;
    height:16px;
    }
    ul.pureCssMenu ul img {width:16px;
    height:16px;
    }
    ul.pureCssMenu img.over{display:none}
    ul.pureCssMenu li.dis a:hover img.over{display:none !important}
    ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
    ul.pureCssMenu li:hover > a img.def  {display:none}
    ul.pureCssMenu li:hover > a img.over {display:inline}
    ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
    ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
    ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
    ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
    ul.pureCssMenu span{
    	display:block;
    	background-image:url(./images/arrv_white_1.gif);
    	background-position:right center;
    	background-repeat: no-repeat;
       padding-right:13px;}
    ul.pureCssMenu ul span{background-image:url(./images/arr_white_1.gif)}
    ul.pureCssMenu li a.pureCssMenui0{
    background-color:#2A78C3;
    }
    ul.pureCssMenu li a.pureCssMenui0:hover{
    background-color:#FAF48F;
    }
    </style>
    <!-- End PureCSSMenu.com STYLE -->
    
    
    
    <!-- Start PureCSSMenu.com MENU -->
    <ul class="pureCssMenu pureCssMenum">
    	<li class="pureCssMenui"><a class="pureCssMenui" href="index.html">Home</a></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Resources</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Articles</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    		<ul class="pureCssMenum">
    			<li class="pureCssMenui0"><a class="pureCssMenui0" href="1999Celebration.html"><span>1999 Celebration Story</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul class="pureCssMenum">
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="Celebration.html">1999 WGC Celebration Video</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="SteppinOut.html">1999 Steppin Out Magazine Coverage</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="Natalie.html">Natalie's Thoughts</a></li>
    			</ul>
    			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    			<li class="pureCssMenui0"><a class="pureCssMenui0" href="OpenLetter.html">1998 Open Letter To Sore Horse Trainers</a></li>
    			<li class="pureCssMenui0"><a class="pureCssMenui0" href="CRC.html">Classical Riding Club (Scotland)</a></li>
    			<li class="pureCssMenui0"><a class="pureCssMenui0" href="GoingGaited1.html"><span>Going Gaited Article</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul class="pureCssMenum">
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="GoingGaited2.html">Going Gaited Pg 2</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="GoingGaited2.html">Going Gaited Pg 2</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="GoingGaited3.html">Going Gaited Pg 3</a></li>
    			</ul>
    			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    			<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>About Dressage En Gait</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul class="pureCssMenum">
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="DEG.html">Dressage En Gait As Applied to Gaited Horses</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="DEG_EC.html">Trot v Gaited Gait Equivalency Chart</a></li>
    				<li class="pureCssMenui0"><a class="pureCssMenui0" href="T_G_Descriptions.html">Trot v Gaited Gait Descriptions</a></li>
    			</ul>
    			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    		</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Editorial.html">The Preacher's Editorial</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="ListeningSession.html">2006 USDA Listening Session Transcript </a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Photos</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Gallery.html">Leslie Harrison's Pastels</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Photos.html">2004 Show Season Photos</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2005photos.html">2005 Show Season Photos</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2006.html">2006 Show Season Photos</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2007ShowSeason.html">2007 Show Season Photos</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2008TripleCrown.html ">2008 Triple Crown </a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Versatility.html">Versatility Page </a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Trump.html">Trump's Memorial Page</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="sunset.html">Jennie's Sunset Photos</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Educational Videos</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="CNN.html">CNN Exposé  </a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="HPA.html">USDA Horse Protection Act Training Videos</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Exhibition Videos</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="#">Competition Videos</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Celebration.html">1999 WGC Celebration Video</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2007WGC.html">2007 WGC Celebration Video</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Jumping.html">TWH Over Fences Video</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2008Performances.html">2008 Competitions</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="WatchoutChallenge.html">2008 Watchout Challenge</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Craig.html">Craig Cameron Challenge</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="Freestyle.html">Musical Freestyle Videos</a></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>2010 World Equestrian Games Videos</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="FEI.html">History of WEGs</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="FEIUpdatePage.html">WOR's Formal Invitation From WEGs</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="WEG_Videos.html">Our Performance Videos at WEGs</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Services</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="VideoSales.html">Training DVDs For Sale</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Clinics.html">Host A Jennie Jackson Clinic</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="WatchoutVideo.html">Watchout's Breeding Page</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Horses For Sales</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="Crush.html">Watchout's Protégé </a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="2011_Colts_Fillies.html">Colts & Fillies For Sale</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Watchout's Stats</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="WOProduction.html">Watchout's Progenies</a></li>
    		<li class="pureCssMenui0"><a class="pureCssMenui0" href="WOShowrecords.html">Watchout's Show History</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui"><a class="pureCssMenui" href="Bios.html">About Us</a></li>
    </ul>
    <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- End PureCSSMenu.com MENU -->
    
    
    
    <!-- (c) 2009, PureCSSMenu.com -->
    
    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
    Last edited by Nathanael99; September 12th, 2011 at 11:23 AM. Reason: Addition

IMN logo majestic logo threadwatch logo seochat tools logo