On Thu, 2012-03-01 at 20:56 -0800, David Hucklesby wrote: > On 3/1/12 11:36 AM, Erica Cavin wrote: > > On this page: http://www.risingstarquilters.org/join_update.html > > > > the small arrow that should appear next to "Back to questions" > > displays far to the left in Chrome and Safari. It displays properly > > in Firefox and IE. Any thoughts as to why? > > > > I think that it does not display correctly in Firefox and IE. :\ > > You are applying the image to the list marker, which I'd expect to be to > the left of the list item and hanging off the edge, as any other list > marker. For some odd reason, Firefox and IE seem to apply the list > marker to the enclosed anchor/link! > > I suggest a quick fix: > > 1. Add "float: right;" to the rule for li.backquestions > 2. Add "overflow: hidden;" to a rule that targets the enclosing UL. > > Example: > #answers > ul { overflow: hidden; } > > This second step will enclose the floated LI, preserving the spacing.
First, thanks to those who replied. Vince's suggestion to set list-style-position:inside worked! So I didn't move on to the floating. But why would floating be used when what I was trying to do is align the text to the right, not place it next to something else? Thanks again. It was a small thing but it was really bothering me. Erica -- Attic Windows Web Design http://atticwindowswebdesign.com/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
