title: JQuery plugin hiding buttons
body: <p>So I have buttons on the side of my page created like this:</p>
  
  <pre><code>&lt;div id="actions" style="display: none"&gt;
                          &lt;div style="text-align: left; cursor: pointer;" id="openTemplateDialogButton"&gt;
                              &lt;img src="&lt;%= VirtualPathUtility.ToAbsolute("~/img/btn_user_save_template_off.gif")%&gt;" /&gt;
                          &lt;/div&gt;
                          &lt;div style="text-align: left; cursor: pointer;" id="saveButton"&gt;
                              &lt;img src="&lt;%= VirtualPathUtility.ToAbsolute("~/img/btn_user_save_lg_off.gif")%&gt;" /&gt;
                          &lt;/div&gt;
                          &lt;div id="saveButtonMessage" style="font-style: italic"&gt;
                          &lt;/div&gt;
                          &lt;br /&gt;
                          &lt;div id="calculateButton" style="cursor: pointer;"&gt;
                              &lt;img src="&lt;%= VirtualPathUtility.ToAbsolute("~/img/chic/btn_calculate.gif")%&gt;" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>I want to encapsuate them in a JQuery "bubble" that we used throughout the rest of our app fine. Now, without the bubble, the buttons display fine, with the bubble, the buttons are "covered" I think? And you can't see them. here is the bubble code:</p>
  
  <pre><code>$("#actions").bubble({ width: 50, title:'Actions'});
  </code></pre>
  
  <p>This bubble works fine in all other parts of the app so I know it's not the bubble code, just somehow how it works together. </p>
  
  <p>Any ideas?</p>
  
  <hr>