title: How to style an Horizontal Splitter panel in GWT 1.5
body: <p>I have this requirement to style a right side of a horizontal splitter panel. From what i know, GWT 1.7 has support for the individual panel (left and right) styles, But we are using GWT 1.5 here.</p>
  
  <p>gwt code:</p>
  
  <pre><code>HTML div1 = new HTML("Div 1");
  div1.setWidth("200px");
  div1.setHeight("200px");
  HTML div2 = new HTML("Div 2");
  div2.setWidth("400px");
  div2.setHeight("500px");
  
  HorizontalSplitPanel horizontalSPanel = new HorizontalSplitPanel();
  horizontalSPanel.setLeftWidget(div1);
  horizontalSPanel.setRightWidget(div2);
  
  RootPanel.get().add(horizontalSPanel);
  </code></pre>
  
  <p>corresponding output:</p>
  
  <pre><code>&lt;div class="gwt-HorizontalSplitPanel" style="position: relative; height: 100%;"&gt;
      &lt;div style="border: medium none ; margin: 0pt; padding: 0pt; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;"&gt;
          &lt;div style="border: medium none ; margin: 0pt; padding: 0pt; overflow: auto; position: absolute; top: 0px; bottom: 0px; width: 511px;"&gt;
              &lt;div class="gwt-HTML" style="width: 200px; height: 200px;"&gt;Div 1&lt;/div&gt;
          &lt;/div&gt;
          &lt;div style="position: absolute; top: 0px; bottom: 0px; left: 511px;"&gt;
              &lt;table height="100%" cellspacing="0" cellpadding="0" class="hsplitter"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;&lt;td valign="middle" align="center"&gt;
                      &lt;img border="0" style="background: transparent url(http://localhost:8888/com.xyzpackage.MyEntryPoint/4BF90CCB5E6B04D22EF1776E8EBF09F8.cache.png) no-repeat scroll 0px 0px; width: 7px; height: 7px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" src="http://localhost:8888/com.xyzpackage.MyEntryPoint/clear.cache.gif"/&gt;
                  &lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
          &lt;div style="border: medium none ; margin: 0pt; padding: 0pt; overflow: auto; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 518px;"&gt;
              &lt;div class="gwt-HTML" style="width: 400px; height: 500px;"&gt;Div 2&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>is there any way in which i can apply a style only to the RHS div ?</p>
  
  <p>basically, I got a requirement which does not permit my application to have a vertical scrollbar in the RHS view.</p>