Hi all I have a wysiwyg editor that replaces a textarea with an iframe, my problem is when I set the width of the iframe to 100% in the stylesheet and click within the iframe the verticle scrollbar jumps to top and if I have a style of a:hover on any links, could be anywhere on the page the verticle scrollbar starts flickering and also jumps to the top of the iframe, this only happens in ie, firefox works great also if I set a fixed width say 400px the problem goes away.

Javascript creates the iframe and replaces the textarea with it, the style for the iframe is:
border: none;
height: 160px;
width: 100%;

The doc type of the page the iframe is on is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

I haved searched long to find an answer to this problem and have decided to ask a question, this is my first posting here. I usually visit the php application design forum.

Any help will be greatly appreceiated