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

 

[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

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.........