CSS: :hover falsch eingesetzt?

Hi!

Code...

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

  <title>test</title>

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

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

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

--></style>

</head>

<body>

<div id="test">

HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO HALLO </p>

</div>

</body>

</html>

Die Anfangsgröße des divs reicht nicht aus und so werden alle HALLOs untereinander angezeigt. Sie sollten aber eigentlich erst angezeigt werden, wenn das :hover-Event eintritt. Vorher sollten nur die HALLOs angezeigt werden, die im bereich von #test zu sehen sein sollten( also width:100px; height:18px

. Wie ist das möglich? Wie müsste der Code dann aussehen?

CSS: :hover falsch eingesetzt?

CSS: :hover falsch eingesetzt?

Forumregeln