firefox different than ie

[george]

This code works fine in IE, but the tiny ribbon image is a no show in fire fox. Any ideas?

	background-image:url(images/tinyribbon.png);	background-repeat: repeat-x;

The image is being used to fill in an area that is used for a <ul> type menu, as follows

#menuwrapper { 	border-top: none; 	border-bottom: none; 	background-color: #909090;	background-image:url(images/tinyribbon.png);	background-repeat: repeat-x;	width:800px;}

[Synook]

That code is correct - do you have a link to the page?

[george]

That code is correct - do you have a link to the page?

Yes right here

[jeffman]

My DOM inspector shows that your menuwrapper div has a height of 0px. Therefore no background image can be seen. Divs do not always have height just because they have content. Strange but true. Try giving it an explicit height (26px?) and see what happens.

[george]

My DOM inspector shows that your menuwrapper div has a height of 0px. Therefore no background image can be seen. Divs do not always have height just because they have content. Strange but true. Try giving it an explicit height (26px?) and see what happens.

That did it. But now my right cap png is offset both to the left and down. Any ideas why? ThanksBTW: Is your DOM inspector freeware?

[george]

The position of my left cap image was off by a little bit. I was able to correct this with

position:relative;top:-5px;left:5px;

which worked in both browsers. Thanks all.

[jeffman]

DOM Inspector is a Firefox Add-on. I use it ALL THE TIME. Find Add-ons under the Tools menu. It'll take you to a site. Do a quick search for DOM Inspector and it'll install it for you.