I have a DIV inside an IFrame. The portion of the code which defines the IFrame is like this:

<TD Style="Padding-Top: 0px;" ID=TD2 Width=2000>
<iframe name="IFrameTransactional" frameborder="0" scrolling="auto" ID="IFrameTransactional"></iframe>

So, as you can see the IFrame is set to scrolling=auto.

This makes it that the vertical scrollbar, in this case, will appear only when necessary. This is based on the content of the IFrame src that is being loaded. On one of the content, a page is sent with a DIV inside it. Basically, the page contains two DIV side by side. On that particular page, the scrolling need to apply on the first DIV, the left one so the DIV on the right will remain there when the content of the DIV on the left is scrolled. However, this does not work because the IFrame is set to scrolling=auto and will always take priority of the scrolling thus making the DIV to never show a scrollbar.

The DIV is defined like this:

<DIV ID="DivDetail" style="Overflow: Auto;">

Any idea on how to resolve that issue?