Rich Snippet won't display price - rich-snippets

Question

I want to add snippets into my code using mikroformats.
I succeced on rating item name and availability however, whatever i try price does not display.
Here it is the code;
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY"> <li itemprop="price" class="element element-text">
<strong>Fiyatı: </strong>8,00 ₺
</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon</span>: </strong>1
</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong>Türk Mutfağı
</li>
</ul>
Also i tried this but it did not work either;
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY">
<li class="element element-text">
**<strong>Fiyatı: </strong> <span itemprop="price">8,00</span>** ₺
</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon</span>: </strong>1
</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong>Türk Mutfağı
</li>
</ul>
I think i am missing something but i cannot see.
Here is the full code that works with ratings;
<div itemscope="" itemtype="http://data-vocabulary.org/Product">
<h1 itemprop="name" class="uk-h1"> Tavuklu Salata </h1>
</div>
<div class="uk-margin element element-rating">
<div id="3194f2e2-b29e-4a6b-8555-17c58b42ed6c-547708aa747b1" class="yoo-zoo rating">
<div class="rating-container star5">
<div class="previous-rating" style="width: 100%;"></div>
<div class="current-rating">
<div class="stars star5" title="5 / 5"></div>
<div class="stars star4" title="4 / 5"></div>
<div class="stars star3" title="3 / 5"></div>
<div class="stars star2" title="2 / 5"></div>
<div class="stars star1" title="1 / 5"></div>
</div>
</div>
<div class="vote-message">
5.0/<strong>5</strong> derecelendirme (1 oy) </div>
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<meta itemprop="itemreviewed" content="Tavuklu Salata">
<div itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating">
<meta itemprop="average" content="5.0">
<meta itemprop="best" content="5">
</div>
<meta itemprop="votes" content="1">
</div>
</div>
<script type="text/javascript">
jQuery(function($) {
$('#3194f2e2-b29e-4a6b-8555-17c58b42ed6c-547708aa747b1').ElementRating({ url: '/salatalar?task=callelement&format=raw&item_id=22&element=3194f2e2-b29e-4a6b-8555-17c58b42ed6c' });
});
</script>
</div>
<ul itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer" class="uk-subnav uk-subnav-line">
<meta itemprop="priceCurrency" content="TRY">
<li itemprop="price" class="element element-text">
<strong>Fiyatı: </strong>8,00 ₺</li>
<li class="element element-select">
<strong><span itemprop="availability" content="in_stock">Porsiyon: </strong>1</li>
<li class="element element-relatedcategories">
<strong>Köken: </strong>Türk Mutfağı</li>
</ul>

Answer 1

Problem solved.
It turns out that i have to put currency type before price itself;
<strong>Fiyatı: </strong>**TL** 8,00 ₺</li>