Anstatt da mit JavaScript rumzufrickeln, ist es eine Option, das Markup (Template?) zu ändern:
<li class="hover">
<a href="index.html" class="goto">
<h3>Etwas Text ...<h3>
<p>Etwas Text ...</p>
</a>
</li>
Ein Blockelement in ein Inlineelement zu packen, ist mir wohl etwas zu herb.