dynamic before content causes line break in Safari

Path	csiph.com!usenet.pasdenom.info!weretis.net!feeder4.news.weretis.net!news.musoftware.de!wum.musoftware.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From	Chris Riesbeck <Chris.Riesbeck@gmail.com>
Newsgroups	comp.lang.javascript
Subject	dynamic before content causes line break in Safari
Date	Thu, 23 Aug 2012 11:54:34 -0500
Lines	26
Message-ID	<a9n5idF630U1@mid.individual.net> (permalink)
Mime-Version	1.0
Content-Type	text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding	7bit
X-Trace	individual.net 8ghB14OVT7kbsK4AJyYTYwjthtWoB+oBPsHGdpfCp6kFDg06vuzznAx6vaWTjE1VrO
Cancel-Lock	sha1:ZCA9XUCP6yINJf1zAywh0540zvE=
User-Agent	Mozilla/5.0 (Windows NT 5.1; rv:14.0) Gecko/20120713 Thunderbird/14.0
Xref	csiph.com comp.lang.javascript:15521

Show key headers only | View raw

I have this CSS:

   li.marked:before {
     content: "+ ";
   }

I have Javascript code that puts "marked" on list items.

The problem: A line break appears right after the +
   - in Safari (MacOS and Windows)
   - when "marked" is added dynamically
   - and there's a nested list in the list item

I have a pretty minimal single file example here:

   http://www.cs.northwestern.edu/~riesbeck/demo/content-bug.html

The first list is marked dynamically and gets the line breaks on list 
items with nested lists. The second list has static "marked" items and 
looks fine.

The W3 validator just warns about HTML5 being experimental.

Have I wondered into non-standard land? Or is this a known Safari bug?

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

dynamic before content causes line break in Safari Chris Riesbeck <Chris.Riesbeck@gmail.com> - 2012-08-23 11:54 -0500
  Re: dynamic before content causes line break in Safari Martin Honnen <mahotrash@yahoo.de> - 2012-08-23 19:22 +0200
    Re: dynamic before content causes line break in Safari Chris Riesbeck <Chris.Riesbeck@gmail.com> - 2012-08-23 12:27 -0500

csiph-web