I'm trying to do a simple submission using the redbox plugin. However, the fields for the form I want to display appear properly in the center of the page, the background box created by redbox (with the spinner gif) does not. It always appears at the top center. This isn;t a scrolling issue because the page isn;t long enough to scroll. Also, I have the proper js and css files being called and in the right locations. Is anyone familiar enough with redbox to tell me why my contents appear in the proper location, but the pseudo-modla dialog box of redbox does not, appearing at the top center? Thanks, Janna B.
<%= link_to_redbox((image_tag "/images/lockclosed.gif"),"redbox") %>
<div id="redbox" style="display: none"> <div style="width: 600px"> <% form_for :associates, :html => {:name => 'lockform'} do |f| %> <%= f.label :username, "username: " %> <%= f.text_field :username %> <br /> <%= f.label :password, "password: " %> <%= f.password_field :password%> <br/><center> <%= f.submit "Submit" , :class=>'button' %> </center> <% end %> <a href="#" onclick="RedBox.close(); return false;">Close</a> </div> </div>