By JasonJ on

I'm sure I am very very close to a solution here but I'm running out of time. I've developed my site and have most things working in both Firefox and Internet Explorer with one exception. If you visit my draft site using Internet Explorer 6, www.jasonlehmer.com/rosehill, you can see that all of the rounded corners are not displaying for the header links.

I'm using the Nice Menus module and the resulting html looks like this for each menu item:


<ul id="nice-menu-1" class="nice-menu nice-menu-down">
<li id="menu-58" class="menu-path-front">
   <div class="r_b">
      <div class="l_b">
          <div class="l_t">
             <div class="r_t">
                <a class="active" href="/rosehill/">Home</a>
            </div>
         </div>
      </div>
   </div>
</li>

....

</ul>

The relevant CSS is as follows:

#block-nice_menus-1 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 766px;
	font-size: 105%;
	background-color:#000000;
}

.block-nice_menus a {
	text-decoration:none;
}

.block-nice_menus .l_t { background:url(images/l_t_menu.gif) no-repeat left top; }
.block-nice_menus .r_t { background:url(images/r_t_menu.gif) no-repeat right top;}
.block-nice_menus .r_b { background:url(images/r_b_menu.gif) no-repeat right bottom;
background-color: #E69E3A;}
.block-nice_menus .l_b { background:url(images/l_b_menu.gif) no-repeat left bottom;
}

.block-nice_menus li {
	padding: 0px 8px;
}

Please let me know if there is any further information I can provide.

Thanks in advanced.

JasonJ

⋅ Categories: Drupal 5.x

Comments

zeta ζ’s picture

zeta ζ commented

changing:
.block-nice_menus .r_b { background:url(images/r_b_menu.gif) no-repeat right bottom; background-color: #E69E3A;} to
.block-nice_menus .r_b { background: #E69E3A url(images/r_b_menu.gif) no-repeat right bottom;}
___________________
It’s in the detaιls…
demonstration portfolio

JasonJ’s picture

JasonJ commented

I just tried it and it made no difference.

zeta ζ’s picture

zeta ζ commented

Sorry, this was just a guess and it doesn’t help.

I think the problem is partly related to IE6 refusing to make a tags display as a block. This doesn’t in itself cause a problem, but other rules seem to rely on this, and instead, hide the corners!
___________________
It’s in the detaιls…
demonstration portfolio

zeta ζ’s picture

zeta ζ commented

putting <x>...</x> (or other invalid tag pair) around the outer div seems to be effective in IE6 and doesn’t break FF.

Don’t know why…
___________________
It’s in the detaιls…
demonstration portfolio

bensnyder’s picture

bensnyder commented

i'm away from my regular computer so I don't have IE6 installed and I can't test the problem....

but try making each div withing the list item a block level element (display:block;). dont use display: inherit; either.

i'm guessing IE doesnt feel the need to show the divs (and consequently their backgrounds) because it thinks they have no content. idk... just an abstract idea.

you have to think outside the box when dealing with a browser of such a $h!tty magnitude. in fact, everything microsft sucks. go linux!

Snyder Technologies