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

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?