Right Flyout for Nice menus (Drupal) not showing for IE6

There seems to be a bug with Zen 3 column layout for Drupal and using it with Nice Menus created by jakeg.

I am using a Zen 3 column layout for one of my clients. While the layout was working okay, I was experiencing problem with Nice Menu not appearing on hovering over parent nodes in IE6. Nice Menus were working as expected both for IE7 and FF though.

Nice Menus does provide a JavaScript file to make the menus work with IE6. Though the JavaScript file was working okay, I was still not able to get the hover menu.

After wrestling with CSS that came along with Nice Menus and by stripping the page off with all the unnecessary DOM, I concluded that there is nothing wrong with Nice manus but the page layout itself might have a CSS bug.

That is after I started debugging layout.css that I found the real culprit. I am pasting the solution here just in case any of our developer friends is having the same problem.

In layout.css file comment position:relative; attribute as follows -

#sidebar-left
{
   float:left;
   float:right;
   width:170px;
   /*position:relative;*/
   right:15px;
   padding: 0;
}

And that will do the trick. Please leave comments about other issues with Drupal and what you did to get rid of them, or email me if you need any help and I will try my best. Happy Coding.

Related posts brought to you by Yet Another Related Posts Plugin.