Benchmark report: score level links don't work if inputSolutionFile name has multiple dots

If enabling multiple problem statistic types in bencharker (e.g.):

<problemStatisticType>BEST_SOLUTION_MUTATION</problemStatisticType>
<problemStatisticType>CALCULATE_COUNT_PER_SECOND</problemStatisticType>
<problemStatisticType>BEST_SCORE</problemStatisticType>

the resulting generated reports index.html has presumably some javascript or css issues.

In the generated <section id="problemBenchmark"> in index.html there is list (rendered as tab) for selecting different statistic types like this:

<ul class="nav nav-tabs">
<li class="active">
<a href="#my_BEST_SOLUTION_MUTATION" data-toggle="tab">BEST_SOLUTION_MUTATION</a>
</li>
<li>
<a href="#my_CALCULATE_COUNT_PER_SECOND" data-toggle="tab">CALCULATE_COUNT_PER_SECOND</a>
</li>
<li>
<a href="#my_BEST_SCORE" data-toggle="tab">BEST_SCORE</a>
</li>
</ul>

later on a number of corresponding divs are generated that are supposed to be shown when appropriate list item (above) is clicked, like this:

<div class="tab-content">
<div class="tab-pane active" id="my_BEST_SOLUTION_MUTATION">
<div class="benchmark-chart">
<img src="my.ResBestSolutionMutationStatistic.png"/>
</div>
<div class="btn-group download-btn-group">
<button class="btn" onclick="window.location.href='my.ResBestSolutionMutationStatistic.csv'">
<i class="icon-download"></i> CSV file</button>
</div>
</div>
<div class="tab-pane" id="my_CALCULATE_COUNT_PER_SECOND">
...

Only the first div is shown by default, clicking on tabs has no effect.