CSS Submenu not showing in IE9?!?!

m1k3yb0y · June 13, 2012

I am redoing my button menu on my website because the one I had on there does not work on Internet Explorer 9. For my new menu, I used purecssmenu's online thing to make my menu and now it will show up on Internet Explorer 9 which is good! However, when I hover over my portfolio link, it won't bring down my submenu. I've tested this with Firefox and Chrome and they all work great! After looking everywhere for a solution, it came to the point where I needed some assisstance from y'all.

First off, here is what the full CSS code looks like below. Weirdly, it is a HTML file.......

<!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 3px 3px 0px;
background-color:#414141;
background-repeat:repeat;
border-color:#CECECE;
border-width:4px;
border-style:ridge;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
position:absolute;
left: 500;
top: 80;
}
* HTML ul.pureCssMenu {position:absolute}
ul.pureCssMenu ul{
width:117.60000000000001px;
}
ul.pureCssMenu li{
display:block;
margin:3px 0px 0px 3px;
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:#414141;
border-width:1px;
border-color:#414141;
border-style:solid;
text-align:left;
text-decoration:none;
padding:4px;
_padding-left:0;
font:bold italic 15px Georgia;
color: #FFFFFF;
text-decoration:underline;
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:3;
height:100%;
display:inline-block;
background-color:#CECECE;	background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3;
}
ul.pureCssMenu li:hover{
position:relative;
}
ul.pureCssMenu li:hover>a{
background-color:#A3A3A3;
border-color:#FFFFFF;
border-style:solid;
font:bold italic 15px Georgia;
color: #FFFFFF;
text-decoration:underline;
}
ul.pureCssMenu li a:hover{
position:relative;
background-color:#A3A3A3;
border-color:#FFFFFF;
border-style:solid;
font:bold italic 15px Georgia;
color: #FFFFFF;
text-decoration:underline;
}
ul.pureCssMenu li.dis a {
color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
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 img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
display:block;
background-image:url(./images/arrow_sub5.gif);
background-position:right center;
background-repeat: no-repeat;
   padding-right:14px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./www/purecssmenu-com/images/arrow_sub5.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./www/purecssmenu-com/images/arrow_sub5.gif)}
</style>
<!-- End PureCSSMenu.com STYLE -->



<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/" target="_blank">Home</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Portfolio</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/joomla.php" target="_blank">Joomla</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/wordpress.php" target="_blank">Wordpress</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/phpskills.php" target="_blank">php skills</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/hosting.php" target="_blank">Hosting</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/about.php" target="_blank">About Me</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.mikeytatelive.com/contact.php" target="_blank">Contact Me</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>

AMcHarg · June 14, 2012

This is the php section of the forum. ::)

Anyway, I highly doubt anyone is going to look through all that code and try to work out why it isn't working in IE. You'd be better using a different menu builder that will work in IE than try to fix this one so that it does.

Faster me thinks.

m1k3yb0y · June 14, 2012

Why are you responding to this post when you don't have a solution? And do you even know of any menu builders that would work flawlessly on IE9? I thought so. :tease-01:

floridaflatlander · June 14, 2012

Why are you responding to this post when you don't have a solution? And do you even know of any menu builders that would work flawlessly on IE9? I thought so.

That's good advertising Mikey, showing you can work will with others. Also if it works in chrome & firefox it should work ie9, odds are you messed something up and have something extra or missing somewhere.

In the mean time plug your css in here http://jigsaw.w3.org/css-validator/ and your html in here http://validator.w3.org/ and see what they say. Sometimes and extra semicolon or bracket can throw things off in one browser but not another.

floridaflatlander · June 14, 2012

CSS looks good, 72 errors in your html. Fix those then see what happens.

floridaflatlander · June 14, 2012

You're a web developer with an attitude and your web page doesn't even have a header?

Mahngiel · June 14, 2012

You're a web developer with an attitude and your web page doesn't even have a header?

This is a prime example why there's enough work out there for the rest of us.

Jessica · June 14, 2012

You're a web developer with an attitude and your web page doesn't even have a header?

This is a prime example why there's enough work out there for the rest of us.

And why after a while, you refuse to work on existing code. If a small business comes to me and says they need me to fix something on their site, 9/10 out of ten it's not worth taking the job.

floridaflatlander · June 14, 2012

You're a web developer with an attitude and your web page doesn't even have a header?

This is a prime example why there's enough work out there for the rest of us.

Us? lol, Here's a menu people like us can use. http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html. Here's another http://htmldog.com/articles/suckerfish/dropdowns/

Also last I looked, you don't have a html header and you don't have opening and closing html tags or opening and closing body tags.

Do you know what these things are?

Jessica · June 14, 2012

Wow, you realize he was agreeing with you about the OP's site, right?

floridaflatlander · June 14, 2012

Wow, you realize he was agreeing with you about the OP's site, right?

Sh--. The answer is no, sorry Mahngiel. Anyway there are some links for the OP.

Mahngiel · June 14, 2012

Wow, you realize he was agreeing with you about the OP's site, right?

Sh--. The answer is no, sorry Mahngiel. Anyway there are some links for the OP.

Lol! Maybe FFL has had too much rain today!

I don't even know why people go to generators or JS for menu navs. The CSS is numbingly simple.

Sign In

CSS Submenu not showing in IE9?!?!

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Important Information