<span id="{$idhash}"></span>
<div class="post {$class}" id="{$id}">
    <div class="{$access}" title="{$flagtitle}" style="z-index:1;"></div>
    <a href="{$friend}">
        {$avatar}
    </a>

    <div id="{$id}bubble" class="postbubble">
        <div class="header">
            <span class="title">{$title}</span>
            {$contact}
            <span class="date">
                {$date}
            </span>
            <!--{$author}-->
        </div>
        <div class="content">
        {$content}<br />
        </div>
        {$tags}
        {$toolbox}
        {$enc}
        {$comments}
        {$place}
        {$recycle}
        {$group}
    </div>  
            
</div>

<span id="{$idhash}"></span>
<div class="post {$class}" id="{$id}">
    <div class="{$access}" title="{$flagtitle}" style="margin-bottom:1em;"></div>
    <a href="{$friend}">
        {$avatar}
    </a>

    <div id="{$id}bubble" class="postbubble">
        <div class="header">
            <span class="title">{$title}</span>
            {$contact}
            <span class="date">
                {$date}
            </span>
            <!--{$author}-->
        </div>
        <div class="content">
        {$content}<br />
        </div>
        {$tags}
        {$toolbox}
        {$enc}
        {$comments}
        {$place}
        {$recycle}
        {$group}
    </div>  
            
</div>

Remove unnecessary z-index and add a little margin to avoid the text message to be displayed below flag.
Remove unnecessary z-index and add a little margin to avoid the text message to be displayed below flag.