Tip: Solving jQuery Dialog Scrolling Problem.

Scenario:

Add a jQuery accordion widget into the jQuery dialog. The version of the jQuery used was 1.3.2 and the version for the jQuery UI was 1.7.2

Problem Statement:

The dialog vertical scrollbar did not actually scroll when the dialog content length is more than the dialog height.

Resolution:

Add a "position: relative" into the dialog "div", that will solve the scrolling problem. It's tested in IE7 and FF3.0

Example:

<div id="historyDialog" class="demo" title="Last 10 Orders" style="position:relative">