Sub-menu not appearing in IE

Can’t find the sidebar, did you remove it?

@andrew which sidebar are you talking about ,i didn’t remove anything?

Sorry I don’t know why I typed that.
Do you know if the CSS applied to the sub-menu is through jQuery?

i dont know but its not working in internet explorer what should i do for this ?

Are you using a plugin for the drop-down?

no ,its just a template i just made a category page and drag it under the menu “procurement services”.

Well I can’t find what’s applying visibility to your drop down menu on hover, but here are some conflicting selectors that won’t work in perhaps IE8, but definitely not IE8 below;

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul

Hello Thanks for this reply but can you help me bit more i mean can you make it compatible just give me a brief idea or structure.

The CSS pseudo selectors need to use compatible elements, such as anchor tags.
E.g

#topnav li a:hover ul

But this implies the hierarchical structure should be

<ul>
 <li>
  <a>
   <ul>
    <li>
    </li>
   </ul>
  </a>
 </li>
</ul>

Do you know which function you’re using to create the menu?
Instead of re-writing the HTML structure, you could use jQuery to select and apply CSS to cross-browser compatibility standards.

You may still then need to add tables to your drop-down elements for further structure.
As you can see, there is not a simple answer and browser compatibility is difficult to custom to.

You can follow the structure on this menu used here
https://www.cssplay.co.uk/menus/final_drop.html
which is browser compatible from IE 5.5

<div id=”top-navigation”>
<?php wp_nav_menu( array(
‘container’ => ‘ul’,
‘menu_class’ => ”,
‘menu_id’ => ‘topnav’,
‘depth’ => 0,
‘sort_column’ => ‘menu_order’,
‘fallback_cb’ => ‘nav_page_fallback’,
‘theme_location’ => ‘mainmenu’
));
?>
<div class=”clear”></div><!– clear float –>
</div>