Graham Anderson wrote: > Upon a text resize [not zoom] in IE7, I am having trouble positioning > a background image in an unordered list. > > Specifically, The 'star' background image in the tag line,Rustic > Italian Cuisine * Focused on Organics, does not stay centered upon a > text resize. > I am only seeing this bug in IE7 as the star appears to remain > centered in IE6, Firefox[Mac/PC], and Safari. > here is an example of the problem: > http://bravosantamonica.com/cucina/cucina_main_menu.php > > is this a bug?
No, it isn't a bug; CSS2.1 does not define the positioning of a background-image on inline elements. [1] On text resize, IE7 (and IE6, or am I missing something?) does wrap the inline li "* Focused on Organics", the vertically centered star bg-image keeps vertically centered - in relation to the 'bounding-box' of the wrapped line (discussion in [2]). The other browser do render this star at the vertical center of an 'continuous' line of inline boxes. [3] I think in CSS2.1, you cannot position a background-image on inline elements without getting different results when the inline element wraps into the next line. Ingo [1] http://www.w3.org/TR/CSS21/colors.html#background-properties [2] http://www.satzansatz.de/cssd/wrappinglinkbg.html [3] http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-break PS: your last postings were replies to existing threads. -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
