Problem with menubar when viewed in IE

[walidno1]

ok, the menubar comes fine when I view my site with Firefox or Opera. However, when I view it with IE, the menubar disappears. Why?? The menu bar is built with the sprymenubar of dreamweaver. so, it uses css and javascript. I dunno why this occurs??

(PS: the menubar consists of a div tag using a background image. And over that, the spry menubar is placed.)

if u want to see example view this site:www.myriad.x10hosting.com in both firefox and Internet Explorer (IE)

thanx again and will appreciate if I can work this out :cool:

[marshian]

Could you get us some screenshots? Some people (including me) don't have it, or don't want to do the effort of changing OS to use it :p

And by the way, the search text field sticks out a lot on the right side.

[walidno1]

really?? whudn't happen....check it with opera, firefox and IE....no problem there...dunno...maybe there might be problem with safari I guess.

mm..ok, will do

[marshian]

really?? whudn't happen....check it with opera, firefox and IE....no problem there...dunno...maybe there might be problem with safari I guess.

mm..ok, will do

Actually I'm using Firefox on Linux.
No problem using Chromium.
Slightly sticking out using Opera too.

[misson]

SpryMenuBarHorizontal.css has the following:

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

The #FFF background is covering up the menu bar graphic.

You can use the IE Developer Toolbar to troubleshoot CSS problems in IE.

By the way, browser sniffing? There's a better way: conditional comments.

[walidno1]

nah, I removed it...still the problem persists.....didn't upload it tho as the problem is still there

[misson]

Double-check; make sure you clear your browser cache before viewing the page. When I disabled the "background: #FFF;" rule using the IE developer toolbar, the background image showed through. Also, that line is explicitly telling the browser to set the background of the menubar items to white; even if there's another issue, the rule will hide the menubar background image.

[walidno1]

Yeah.........it works now.

The template was modified but for some reason this wasn't updated in the index file.........so, when I reapplied the template, it started working

thanx again.........