Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Sub menu problem in IE7

css and submenu

8:17 pm on May 6, 2009 (gmt 0)

New User

5+ Year Member

joined:May 6, 2009
posts: 2
votes: 0


I am new to this forum and still getting the hang of CSS. I hope I am following all the rules correctly.

I have a site created using Joomla with a left side menu showing menu items and a submenu of each item.

It all works fine in Firefox.

With IE7 the submenu is not expanding properly. When the Parent item is clicked the submenu expands but is hidden behind the rest of the menu.

Below are extracts from the css sheet that I believe work with the menu.

Can anybody see what is causing the problem.

Thanks - M

a.sublevel {
padding:4px 0px 4px 15px;

#left_side .moduletable table, #left_side .moduletable_menu ul, #left_side .moduletable ul, #right_side .moduletable table, #right_side .moduletable_menu ul, #right_side .moduletable ul {
#right_side .moduletable th, #right_side .moduletable_menu h3, #right_side .moduletable h3, #left_side .moduletable th, #left_side .moduletable_menu h3, #left_side .moduletable h3 {
padding:10px 0px 8px 20px;
background: #FFFFFF left no-repeat;
font:bold 14px Arial, Helvetica, sans-serif;
#left_side .moduletable table, #left_side .moduletable_menu ul, #mosright .moduletable ul {

7:55 am on May 7, 2009 (gmt 0)

Preferred Member

10+ Year Member

joined:Dec 9, 2003
votes: 0

Welcome to WebmasterWorld!

We really need to see the html relating to this menu as well.

2:41 pm on May 7, 2009 (gmt 0)

New User

5+ Year Member

joined:May 6, 2009
votes: 0

Thanks Simon,

Below is an extract from the template html file. Does this help?


<div id="top">
<div id="titleh1"><img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/logo.gif" id="logo" alt="logo" title="logo" />
<h1><?php echo $mainframe->getCfg('sitename');?></h1>
<h2>**************<br />
<div id="top2">
<div id="topleft">
<div id="menu">
<div id="uls">
<jdoc:include type="modules" name="user3" style="xhtml" />
<div id="breadcrumb">
<p><strong><?php echo $mainframe->getCfg('sitename');?></strong>
<jdoc:include type="module" name="breadcrumbs" />
<div id="searchform">
<jdoc:include type="modules" name="user4" style="xhtml" />
<?php if($this->countModules('top')) : ?>
<div id="newsflash">
<div class="newsflash">
<jdoc:include type="modules" name="top" style="xhtml" />
<?php endif; ?>
<div id="content">
<div id="main">
<div id="right_side">
<?php if($this->countModules('right')) : ?>
<div id="mosright">
<div class="padding">
<jdoc:include type="modules" name="right" style="xhtml" />
<?php if($this->countModules('user1')) : ?>
<jdoc:include type="modules" name="user1" style="xhtml" />
<?php endif; ?>
<?php endif; ?>
<?php if($this->countModules('right')) { ?>
<div id="mcontent">
<div class="padding">
<jdoc:include type="component" style="xhtml" />
<?php } else { ?>
<div id="mcontent2">
<div class="padding">
<jdoc:include type="component" style="xhtml" />
<?php } ?>
<div id="left_side">
<div class="lefts">
<jdoc:include type="modules" name="left" style="xhtml" />
<div id="footer">

4:32 pm on July 19, 2009 (gmt 0)

New User

5+ Year Member

joined:July 19, 2009
posts: 1
votes: 0

I have the exact same problem when working in TYPO3.
To me it seems like a problem related to the doctype because when I had the wrong doctype in the first place the submenu DID show in IE7 (but the rest wasn`t displaying properly).
Did anyone find a solution for this?

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members