Foundation JS Modal Centering

[SonexU]

I'm having a weird issue with Foundations reveal function. Its not centering on my page. http://landpros.turnpostinteractive.com/LandPros_Results_2.htmlIf you go to this page and click the link in the main content area that says "my listing" it will show you the modal and it clearly not being in the center of the page. I'd like this to stay in the center of the screen no matter what the browser size it. Is this possible? I can over ride the css code but I'm confused as to why its not like that by default. \[code\] <p> <a class="star" href="http://stackoverflow.com/questions/14534005/#"></a> add to <a class="link reveal" data-reveal-id="myModal" href="http://stackoverflow.com/questions/14534005/#">my listing</a><br/> </p> <div id="myModal" class="reveal-modal ModalCSS"> <div class="modal-header"> <h1>Add to My Listings</h1> </div><!--/modal-header--> <div class="modal-body"> <p class="top">Please login to use our<br/> My Listings feature.</p><br/> <p>My Listings allows you to save your proper-<br/>ties for future visits. It is Free! </p> <br/><br/> <p class="right"> <a href="http://stackoverflow.com/questions/14534005/#">login</a> | <a href="http://stackoverflow.com/questions/14534005/#">create an account</a> </div><!--/modal-body--> <a class="close-reveal-modal">×</a> </div>\[/code\]here is the HTML I'm using.