We have set up classes in our editor stylesheet. As in versions 4 and 6 we have set these up as .class-name so when an html element is selected the class will be applied to the elemnt.

This does not happen in umbraco 7 however. Instead of the class being applied to the paragraph, link, image or whatever we have selected a span is added and the class applied to that instead. This results in code like this which does not work for what we want to achieve.

<ul>
<li><span class="list-inline">Category: Bronze</span></li>
<li><span class="list-inline">Size: Extra Large</span></li>
<li><span class="list-inline">View: Standard</span></li>
<li><span class="list-inline">Availability: 10/09/2015 - 13/06/2015</span></li>
<li><span class="list-inline">Price: £350pp/pw</span></li>
</ul>

If I try and set the element in the stylesheet (i.e. ul.list-inline) then it adds an extra UL around the existing UL with the style applied like so

<ul class="list-inline">
<ul>
<li>Category: Bronze</li>
<li>Size: Extra Large</li>
<li>View: Standard</li>
<li>Availability: 10/09/2015 - 13/06/2015</li>
<li>Price: £350pp/pw</li>
</ul>
</ul>

I see there are various issues in the tracker mentioning this issue and upgrades to how TinyMCE handles styles but the basics that worked in previous versions still don't work and it's really frustrating for us and our clients who are trying to edit their sites as they've done in previous versions.

Is there any way of fixing this?