Jump to content

Search the Community

Showing results for tags 'IE9 menu'.

The search index is currently processing. Current results may not be complete.
  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 1 result

  1. Hiya guys, thought my site was going along just fine; was testing it frequently in Safari and Forefox on my mac and via my usb stick on the laptop in Safari, Firefox and IE9.All seemed grand... BUT when I u ploaded site and tested it in IE9 on the mrs laptop my horizontal menu bar is all over the place... I have been pulling my hair out for the last 6 hours trying to get to the bottom of it and would appreciate any advice you could give. The site is still under construction but have temporarily launched it here: http://www.heggie5.webspace.virginmedia.com/mosLink.html Also the page tuner works in all browsers EXCEPT IE9 - can anyone hekp me with any of these problems PLEASE? My CSS and HTML for the page is : <style>header ul#menu li:hover ul{display: block;} header ul#menu ul li a:hover{color: #000;}header ul#menu ul li:last-child{border-bottom: none}header ul#menu li{display: inline-block;}header ul#menu li a{border-top: 1px solid #d0e2ea;color: #fff;font-weight: bold;display: inline-block;display: block;line-height: 40px;margin-right: 1px;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.25);border-radius: 3px 3px 0 0;padding-top: 0px;padding-right: 15px;padding-bottom: 0;padding-left: 0px;font-size: 130%;font-style: normal;background-color: #621517;height: 41px;text-align: left;vertical-align: bottom;}header ul#menu li > ul{display: none;}header ul#menu li a:hover{background: #fff;border-top-color: #fff;color: #666;text-shadow: none;}header ul#menu ul {background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: none;margin-left: 0;margin: 0;padding: 5px 0 0 0;position: absolute;}header ul#menu ul li{border: 1px solid rgba(0, 0, 0, 0.1);border-width: 0 1px;float: none;list-style: none;margin: 0;padding: 0;}header ul#menu ul li a{background: none;color: #666;font-weight: normal;font-size: 12px;margin: 0 20px;padding: 0;text-shadow: none;border-top-style: none;}header ul#menu li a.home-icon span{display: block;text-indent: 22px;overflow: hidden;text-align: left;direction: ltr;background-image: url(IMAGES/home-icon.png);background-repeat: no-repeat;background-position: left center;}header ul#menu li a.home-icon:hover span{background-image: url(IMAGES/home-icon-hover.png);background-repeat: no-repeat;background-position: left center;}header ul#menu li a{margin-top: 5px;padding-left: 10px;padding-top: 3px;float: left;}header{display: block; /* Compatibility fix */}header:after{background: rgba(0, 0, 0, 0.1);content: ' ';height: 0px;position: absolute;width: 100%;z-index: 10;}header ul#menu{border-bottom: 5px solid #fff;overflow: hidden;list-style: none;padding-right: 10px;padding-bottom: 0;padding-left: 10px;clear: left;top: 0px;margin-top: 0;margin-bottom: 0;margin-left: 250px;}header h1 {font-family: Garamond;color: #FFFFFF;font-weight: lighter;text-align: left;padding-top: 0px;font-size: 36px;padding-left: 250px;display: block;float: left;word-spacing: -2px;}#footer .footer {width: 890px;margin-right: 0px;margin-left: 35px;font-size: 13px;color: #FFFFFF;float: left;line-height: 3px;margin-top: -10px;padding-top: 0px;text-align: center;vertical-align: top;}#apDiv3 {float: right;width: 700px;position: absolute;top: 30px;padding-left: 230px;} #wrapper {width: 960px;margin-right: auto;margin-left: auto;}body {background-color: #FFF7DD;background-image: url(IMAGES/headerweb150px.jpg);background-repeat: repeat-x;} #apDiv2 {position:absolute;width:205px;height:156px;z-index:1;float: right;top: 7px;} #apDiv1 {position:absolute;width:200px;height:115px;z-index:1;}#apDiv3 {position:absolute;width:708px;height:52px;z-index:2;}#bookflip{color:#ffffff;}.topmargin {margin-right: auto;margin-left: auto;width: 960px;padding-top: 20px;margin-top: 10px;position: relative;}.previousButton {background-image: url(IMAGES/mikeBook/previous.png);background-repeat: no-repeat;height: 40px;width: 90px;margin-top: 20px;margin-right: 2px;margin-bottom: 2px;margin-left: 2px;background-color: #000000;}.nextButton {background-image: url(IMAGES/mikeBook/nextBut.png);background-repeat: no-repeat;height: 40px;width: 90px;margin-top: 20px;margin-right: 2px;margin-bottom: 2px;margin-left: 2px;background-color: #000000;}body,td,th {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-size: 13px;}#footer {background-color: #621517;clear: both;float: left;width: 960px;padding-top: 0px;margin-top: 8px;} #footer .footer p a {text-decoration: none;color: #FFFFFF;cursor: auto;}#movemenu #menu {top: 0px;margin-top: 90px;}#whitecontent {background-color: #FFFFFF;float: left;width: 960px;margin-right: auto;margin-left: auto;margin-top: -10px;border-top-left-radius: 7px;border-top-right-radius: 7px;box-shadow: 0px 2px 9px 1px #000000;position: relative;min-height: 550px;}#Framework {width: 940px;margin-left: 10px;height: 550px;float: left;position: relative;background-image: url(IMAGES/bookback.jpg);background-repeat: no-repeat;background-position: 0px 80px;}</style><script type="text/javascript" src="bookflip_v4.1/bookflipjs/bookflip.js"></script></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!--[if lt IE 9]>above<![endif]--></head><body><div id="wrapper"> <!--[sTART of WRAPPER FOR PAGE div--> <div id="heeder"> <!--[sTART of HEEDER div--> <header> <div id="apDiv2"><img src="IMAGES/ysiabLogo.png" width="245" height="138" alt="your story logo"></div> <div id="apDiv3"><img src="IMAGES/MameMems.png" width="738" height="45" alt="Memories text"></div> <div id="movemenu"> <!--[sTART of MENU CASING div--><ul id="menu"> <li><a href="index.html" class="home-icon"><span>Home</span></a></li> <li><a href="browseflash3.html">Browse our books</a></li> <li><a href="whichBookYou.html">Which book for you?</a></li> <li><a href="HowYourBook.html">Order your book</a></li> </ul> </div> <!--[END of MENU CASING div--> </header> <!--[END of HEEDER div--> </div> <!--[END of HEEDER div-->
  • Create New...