TbMenu and popover problem

Menu object:
    <?php
    $data123 = $this->renderPartial('webroot.themes.bootstrap.views.layouts.languages', null, true, false);
    $this->widget(
        'TbMenu',
        array(
            'type'=>'pills',
            'stacked'=>true,
            'justified'=>true,
            //'encodeLabel'=>false,
            'items' => array(
                array('icon'=>'fa fa-language fa-2x',  'url' => '#',
                    //'template'=>'<li><i class="{value}"></i></li>',
                    'linkOptions'=>array(
                    'style'=>'z-index: 2030;',
                    'data-trigger'=>'click',
                    'data-placement' => 'bottom',
                    'data-content' => $data123,
                    'data-toggle' => 'popover',
                    'id'=>'language-switch',
                    )),
                array('icon' => 'fa fa-search fa-2x', 'url' => '#', 'linkOptions'=>array('class'=>'search-button', 'style'=>'padding-left: 0px;')),
                array('icon' => 'fa fa-facebook-square fa-2x', 'url' => '#', 'linkOptions'=>array('class'=>'facebook-button', 'style'=>'padding-left: 0px;'))
            ),
            'htmlOptions'=>array(
                'style'=>'z-index: 2030; width: 100px; display: inline-block; height: 26px; margin-left: 30px; padding-top: 30px; top: 0; left: 0; color: gray; position: absolute;',
                'class'=>'social-etc'
            ),

        )
    );
    ?>

Generated output:

<ul style="z-index: 2030; width: 100px; display: inline-block; height: 26px; margin-left: 30px; padding-top: 30px; top: 0; left: 0; color: gray; position: absolute;" class="social-etc nav nav-pills nav-stacked nav-justified" id="yw1">
<li>
<a style="z-index: 2030;" data-trigger="click" data-placement="bottom" data-content="<ul id=&quot;yw0&quot; class=&quot;nav nav-list&quot;>
<li>
<a href=&quot;/sventessvesk/index.php/site/index?lang=lt&quot;>LT</a></li>
<li class=&quot;active&quot;>
<a href=&quot;/sventessvesk/index.php/site/index?lang=en&quot;>EN</a></li>
</ul>
" data-toggle="popover" id="language-switch" href="#" data-original-title="" title=""><i class="fa fa-language fa-2x"></i>
</a><div class="popover fade bottom in" style="top: 48px; left: -30px; display: block;"><div class="arrow" style="left: 20.652173913043477%;"></div><h3 class="popover-title" style="display: none;"></h3><div class="popover-content">&lt;ul id="yw0" class="nav nav-list"&gt;
&lt;li&gt;
&lt;a href="/sventessvesk/index.php/site/index?lang=lt"&gt;LT&lt;/a&gt;&lt;/li&gt;
&lt;li class="active"&gt;
&lt;a href="/sventessvesk/index.php/site/index?lang=en"&gt;EN&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</div></div></li>
<li>
<a class="search-button" style="padding-left: 0px;" href="#"><i class="fa fa-search fa-2x"></i>
</a></li>
<li>
<a class="facebook-button" style="padding-left: 0px;" href="#"><i class="fa fa-facebook-square fa-2x"></i>
</a></li>
</ul>

Screenshot:

http://www.webpagescreenshot.info/img/53c5220e01f1f7-00987547