menu display problem in IE but perfect in FF?

Question

I hv a menu problem in IE7 thats, the menu actually ahs to appear next to the logo by background repeat-x but the menu is floating below the logo and its not next to the logo
the code for the menu background is:
.block-nice_menus {
line-height: normal;
z-index: 10;
background:url(topBG.jpg) repeat-x top right;
height:85px;
width:98.1%;
}

this is fine in FF, but the repeat x is taking too long width even though the width is fixed in css.

any solutions?

Answer 1

Different browsers display pages differently. Sorry, no other info but that.

Answer 2

I don't believe that you will get the answer you need by just posting that much code... someone would need more information to really figure out what is going on here.



A couple tips:



z-index only woks on positioned elements - your class has not been given a position.



Is width absolutely necessary? A lot of cross browser issues can be squashed by not using width or height.



Has the width of the parent element been set? IE has inheritance issues. Try setting the width of this elements container.

Answer 3

i ended helping IE6 on all of my web content and shopper web content approximately 6 months in the past. If we don't all at the same time prefer to do it then those human beings will not at all improve. IE6 has such countless reveal issues that it relatively is almost impossible to create a effectual format that works in all the admired ones and IE6. And at present my analytics say that in basic terms approximately 11% or my purchasers nevertheless have IE6, and that i've got reason to have faith that my purchasers are actually not computing device savvy, and are not the straightforward computing device consumer. So i could assume that the utilization is even decrease on a information superhighway straightforward. i could say to leave it on my own. people who nevertheless have IE6 are used to web content not working suitable.

Answer 4

This is a compatibility problem, different browsers sees different things. This is because you have some typos on your script or there are some mark-up misdoes.

It is advisable to use a web-validator to validate your website

use http://validator.w3.org