title: GWT forced height HTMLPanel
body: <p>I'm developing a GWT project, and I encountered a problematic cross-browsering problem. </p>
  
  <p>When using firefox, there are problems with the display of all the pages. I found the reason why : 
  In UIBinder, each of my pages are wrapped by a "g:HTMLPanel" :  at start and  at the end of the xml file, to wrap the content of all the pages</p>
  
  <p>When doing this, the generated code of the panel goes like this : </p>
  
  <p><code>div style="width: 100%; height: 100%; ....</code></p>
  
  <p>The problem is that "height : 100%". If I remove it with firebug, the display is perfect. 
  So my goal is to programatically remove that generated 100% height.. But no way to do it !
  I tried everything : setHeight, setSize, working on the Element itself with getElement().methods()... I tried to do things like style.clear(), everything that could have a chance to work.. But in the generated code that "height: 100%" will ALWAYS be there. If I set it's height to "50%" or "50px" it has no effect at all. </p>
  
  <p>I even tried to give it an ID, then with pure javascript to change it's style, but no solution either.. </p>
  
  <p>Note : I'm sure that I'm working on the right element : adding a styleName, for example, works well.</p>
  
  <p>Any idea ? </p>
  
  <p>Your help would be really appreciated, I have no clue of how to remove this bit of generated code, and I've been looking for hours already :(:(:(:(</p>
  
  <p>Best regards, </p>
  
  <p>Nils</p>