Patrick, if you add a line-height: 1.125em; to the .settitle section it
fixes the strange overlap on small windows. The one it inherits from
the body section uses a different em, and although you specify it in
ems, it's inherited in pixels. Or in CSS speak, you don't inherit the
specified value, but the computed value. (See the CSS2 spec section
6.1.1 below. Or, you could just take it out of the body section, but definitely
it looks better with it. Here's part of the CSS2 spec that explains it and more (trying to whet your interest so that you'll go to w3c and get your own copy of the spec;) 6.1.1 Specified valuesUser agents must first assign a specified value to each property based on thefollowing mechanisms (in order of precedence):1. If the cascade [p. 94] results in a value, use it.2. Otherwise, if the property is inherited [p. 92] and the element is not the root ofthe document tree, use the computed value of the parent element.3. Otherwise use the property’s initial value. The initial value of each property isindicated in the property’s definition.6.1.2 Computed valuesSpecified values are resolved to computed values during the cascade; for exampleURIs are made absolute and ’em’ and ’ex’ units are computed to pixel or absolutelengths. Computing a value never requires the user agent to render the document.The computed value of URIs that the UA cannot resolve to absolute URIs is thespecified value.When the specified value is not ’inherit’, the computed value of a property isdetermined as specified by the Computed Value line in the definition of the property.See the section on inheritance [p. 92] for the definition of computed values when thespecified value is ’inherit’.The computed value exists even when the property doesn’t apply, as defined bythe ’Applies To’ [p. 25] line. However, some properties may define the computedvalue of a property for an element to depend on whether the property applies to thatelement.6.1.3 Used valuesComputed values are processed as far as possible without formatting the document.Some values, however, can only be determined when the document is being laidout. For example, if the width of an element is set to be a certain percentage of itscontaining block, the width cannot be determined until the width of the containingblock has been determined. The used value is the result of taking the computedvalue and resolving any remaining dependencies into an absolute value.6.1.4 Actual valuesA used value is in principle the value used for rendering, but a user agent may notbe able to make use of the value in a given environment. For example, a user agentmay only be able to render borders with integer pixel widths and may therefore haveto approximate the computed width, or the user agent may be forced to use onlyblack and white shades instead of full colour. The actual value is the used value afterany approximations have been applied. |
_______________________________________________ lilypond-user mailing list lilypond-user@gnu.org http://lists.gnu.org/mailman/listinfo/lilypond-user