HTMLのhoverイベントについて

Question

要素にマウスオーバーしたときだけ吹き出しをつける。

JSPで表示させたいのですが
うまくいかないんですよね。
hoverがよくないみたいなんですが、、
吹き出しはマウスの付近に表示させたいです。

<div id="itemArea">

<s:iterator value="session.data">

	<div class="item">

	<s:property value="name" />
	<pre></pre>
	<s:property value="number" />
<p class="fukidashi">ほげほげ</p>


	</div>
</s:iterator>



#itemArea{
width:70% auto;
}
.item{
position:relative;
display:inline:
}
.fukidashi{
text-align:center;
background-color:#F0FFFF;
color:black;
display:none;

}


.item:hover + .fukidashi{
display:block;
}

Comments

[m.ts10806]

プログラムコード(およびエラーメッセージ)は```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）正しく反映されているかどうかは質問編集画面のプレビューを見ながら編集していってください。

[退会済みユーザー]

「+」を削除すればいいのでは？