CSS: :hover falsch eingesetzt?

[Meflin]

Code:

<style type="text/css"><!-- 

#test {
  width:100px; 
  height:18px; 
  background-color:green; 
  position:relative;
} 

#test:hover {
  width:200px; 
  height:300px; 
} 

#test .inner {
  display: none;
}

#test .inner:hover {
  display: inline;
}

--></style>


...

<div id="test">
Text<span class="inner">Text</span>
</div>