Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Thanked 0 Times in 0 Posts

    CSS Drop Down Menu (IE Bug)

    Open this webpage in Internet Explorer. Now, navigate the CSS menu on the left-hand side. Mouseover "About Us," then attempt to scroll over one of the sub-menus that come up.

    Having trouble? The menus disappear after the mouse is moved slightly, and often times it is impossible to even get the sub-menus to highlight. Can anyone help me with the CSS coding? I believe there is a bug with IE that doesn't allow the sub-menus to be navigated, but I don't know what. It works in Mozilla, Opera, and other browsers.

    	  BODY {font-family:"arial narrow" "arial" "helvitica"; font-size:12; margin-left:50px; padding:0px; padding-top:0px}
    	  P {font-family:"arial narrow"; font-size:12;}
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    ul li {
    	position: relative;
    li ul {
    	position: absolute;
    	left: 149px;
    	top: 0;
    	display: none;
    ul li a {
    	display: block;
    	text-decoration: none;
    	color: #777;
    	background: transparent;
    	padding: 5px;
    	border: 0px solid #ccc;
    	border-bottom: 0px;
    ul li a:hover{color:#777;
    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; height: 1%; }
    * html ul li a { height: 1%; }
    /* End */
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    	border-bottom: 0px solid #ccc;
    li:hover ul, li.over ul { display: block; }
    There is the CSS coding ("View Source" for HTML part of webpage), can anyone help fix this bug?

  2. #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Clapham Junction - London SW
    Thanked 204 Times in 203 Posts
    Just a quick remark- I find that you can navigate them if you keep the left button depressed until you are over the selected point.

    Not sure what this means, but it may help you to find it.


    You have "@import "styles.css";"

    Could you try this instead. It is the way that I always link to the style sheet.

    <LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">

    This may help you decide,

    Last edited by effpeetee; 09-11-2007 at 11:50 PM. Reason: Added info.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  3. #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Thanked 2,250 Times in 2,237 Posts
    There is no submenu when I viewed in IE6, I think you may have to follow the Son of Suckerfish method to get it work. They are using a support of Javascript.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts