Как редактировать HTML метки старшей диаграммы?

У меня есть диаграмма высокого чарта, у которой есть метки со следующим форматом:

{point.name} <div class="pct">{point.percentage:.2f}%</div>

Но, к сожалению, div удаляется при загрузке ярлыков.

Существует какой-либо способ применить класс, чтобы проценты получили одинаковое значение независимо от стиля ярлыка?

Вот jsfiddle, где вы можете попробовать: http://jsfiddle.net/69x7a/5/

HTML

<div id="container" style="width: 100%; height: 400px;"></div>

CSS

.pct {
    color: blue;
    font-size: 8px;
}

JS

$(function () {
    $('#container').highcharts({
        plotOptions: {
            pie: {
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '{point.name} <div class="pct">{point.percentage:.2f}%</div>'
                }
            }
        },
        series: [{
            type: 'pie',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    dataLabels: {  
                        style: {
                            color: "#ff0000",
                            fontFamily: 'serif',
                            fontSize: '17px'
                        }
                    }
                },
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    });
});