Hi
Upon a text resize in IE7, I am having trouble positioning a  
background image in an unordered list.

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.

is this a bug?

many thanks in advance

test url: http://bravosantamonica.com/cucina/cucina_main_menu.php

css:
ul.rustic_tagline {
list-style:none;
margin:0;
padding-bottom:1em;
text-align: left;
}
ul.rustic_tagline li {
display: inline;
font: italic 1.8em/1em "Trebuchet MS", Verdana, Arial, Helvetica,  
sans-serif;
text-shadow:2px 2px 2px grey;
}
ul.rustic_tagline li#focused {
display:inline;
padding-left:40px;
background: url('../images/bravostar_small_2.png') no-repeat 5px center;
}

html:
<ul class="rustic_tagline">
<li id="rustic" class="green">Rustic Italian Cuisine</li>
<li id="focused" class="red">Focused on Organics</li>
</ul>

______________________________________________________________________
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/

Reply via email to