• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 286
  • Last Modified:

Div blocking content (CSS)

Please see http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27306771.html#a36546639. I entered this question last night and thought I was given the correct solution. I realized today that adding display:inline causes the dropdown menus to not show.

Here is what I posted originally:
Please visit www.mwebdev.com/hw.html. This site is a CMS site. The dropdown menu is contained in a DIV (240px height). The problem is that, depending on the browser being used, the DIV is blocking the content behind it.

On the page I liked to above:
In Firefox (6.0), you'll notice that you cannot click on the first 3 links because the dropdown menu DIV is blocking it.
In Internet Explorer (9.0), you can click on the links with no problem. The DIV does not block the content.

The funny thing is that on the site's home page, content at the top is not blocked by the DIV. For instance, regardless of the browser, you can click in the Search field in the upper right.

I've been wrestling with this problem for a while. I need some help... Thanks in advance!
  • 2
2 Solutions
Kyle HamiltonData ScientistCommented:
Make this change in your css:
#cont {
width: 100%;
overflow: hidden;
padding-bottom: 0px;
position: relative; /* insert this */

Open in new window

Kyle HamiltonData ScientistCommented:
Oh, and take out the display:inline on the
#block-superfish-1 .content
isaacr25Author Commented:
Ok! The dropdown menus work, and the div is not blocking any of the content. That seems to have done the trick! Thank you very much!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now