Pls look my code /* CSS Document */ BODY { background:#fff; margin:0; padding:0; color:#000; font:x-small/1.5em Georgia,Serif; voice-family: "\"}\""; voice-family:inherit; font-size:small; } html>body {font-size:small;} #header { float:left; width:100%; background:#DAE0D2 url("E:\RB New\Images\bg.gif") repeat-x bottom; font-size:120%; line-height:normal; } #header ul { margin:0; padding:10px 10px 0; list-style:none; } #header li { float:left; background:url("E:\RB New\Images\norm_right.gif") no-repeat right top; margin:0; padding:0; } #header a { display:block; background:url("E:\RB New\Images\norm_left.gif") no-repeat left top; padding:5px 15px 4px ; } #header #current { background-image:url("E:\RB New\Images\norm_right_on.gif"); } #header #current a { background-image: url("E:\RB New\Images\norm_left_on.gif"); padding-bottom :5px; This is a css menu bar it is working in IE but not in Firefox and other browsers.Pls help i am stuck with this
well for one thing, this is new to me: html>body {font-size:small;} I don't know what that's supposed to be... you don't put any HTML tags in a CSS, and you already set the font size small in the CSS Body tag.
gireeshgv: Did I miss the link? Without the html, the style rules mean zip. Too, why the font-size constants? There isn't agreement across browsers on them. You're just asking to need hacks. BTW, the topic title really sucks. State the area of interest (menu bar), how it causes trouble and in which browser(s). "Doesn't work" is not a problem description. Kat2: The child selector is not supported by IE/Win, so it can be used to feed a different rule to IE/Mac and modern browsers. In this case, IE/Win's x-small is about the same size as other browsers' small. cheers, gary