Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Coldfusion Dropdown Menu Browser Incompatibility Issue with CSS

Posted on 2010-11-09
1
Medium Priority
?
262 Views
Last Modified: 2012-05-10
Hello All,

      I am trying to modify a version of the coldfusion drop down solution: http://www.stunicholls.com/menu/pro_dropdown_2.html

and I am noticing a strange incompatibility issue across browsers.  The sample drop down I am working on is here:  http://www.dmsecureweb5.com/wtf/include-headNew.cfm

If you mouse over a where it says "cases by category" a drop down list appears; this just fine. But if you mouse over the first choice "Adoption" a slide out description is supposed to appear: this works fine in IE but in firefox the box doesn't go around the entire description text.  I believe this is an issue involving the CSS of the pro dropdown but I am unsure how to modify it.  The CSS code can be downloaded from the above link or I can paste it here as necessary.  

This is an extremely time sensitive issue, so any help you can offer would be extremely appreciated; thanks!
0
Comment
Question by:andrewaiello
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 22

Accepted Solution

by:
remorina earned 2000 total points
ID: 34098551
Hi andrewaiello,
The problem is being caused by the height:18px for the sub level anchor along with the height:20px for the list item.

Try updating the 2 below rules in your CSS and see if it solves the issue for you.




#nav li:hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; min-height:18px; width:148px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ff8d06;}

Open in new window

0

Featured Post

Not sure which OpenStack Certification to get?

So you’ve realized you might want to get certified in OpenStack, but you’re not sure what the benefits might be or even which one you should take. You know there are several certification courses you can choose from, but how do you know which one is right for you?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question