I have a list where each LI has relative position so that a sub list inside the LI can be shown on rollover. This sub list is wrapped in an absolute positioned div with top:0, left:0. This positions the sub list exactly where I want it, but I only see as much of the sublist as the height of the containing relative position LI. If I set height:500px on the outer LI then I see all the absolute div. But this is not a solution because the LI now is spanning down the page 500px and my hover to reveal sublist behaviour picks this up any time the mouse goes over this enlarged zone.
What should I be looking at to ensure that the absolute div is not clipped by the parent LI?