RE: [css-d] dropdown menu background color rendering quirk in Moz1.2.1

Sent by Lars Holst on 23 January 2003 08:08

>Lars, this is an example of a 'rounding error', one of the few
>things Mozilla suffers from more than IE. See this demo:
>
>http://users.rraz.net/mc_on_the_rocks/testpage/mozshift.html
>
>You *should* be able to play with the code and
>eliminate the lines.
>HTH
>Big John

Thanks a lot John, that was extremely helpful. Yes I *was* able to eliminate
the lines (gaps in my case), and yes, css does feel like play. In any case,
here's the css that WORKS; the comments show the quirky settings:

.menu {
  	z-index: 		100;
  	position: 		absolute;
  	color: 			#630;
  	background-color: 	#9c6;  		/* quirk mode entered when this is set to
e.g. #fff */
  	border: 		1px solid #630;
  	border-top: 		none;
  	text-align:	 	left;
  	visibility: 		hidden;
}

.menu li a {
  	color: 			#030;
	background-color: 	transparent; 		/* and this to #9c6 */
  	border-bottom:	1px dotted #693;
  	display: 		block;
  	font-size: 		11px;
  	line-height: 		1.75em;		/*and here's the cause, thanks to the link you
sent*/
  	margin: 		0px;
  	padding: 		0px 20px 0px 10px;
  	text-decoration: 	none;
}

Regards,
Lars