Modal pop up grayed out, freezing and not showing controls.

Question

Hi, my modal pop is not displaying correctly, please assist. Below is my code:

 

<a href="#" data-toggle="modal" data-target="#bannerformmodal">My Profile & CV</a>

<div class="modal fade bannerformmodal" tabindex="-1" role="dialog" aria-labelledby="bannerformmodal" aria-hidden="true" id="bannerformmodal">

<div class="modal-dialog modal-lg">

<div class="modal-content">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

<h4 class="modal-title" id="myModalLabel">one-Job Seeker Sign In</h4>

<a href="#" >Agency & Employer Sign</a>

</div>

<div class="modal-body">

<form id="requestacallform" method="POST" name="requestacallform">

<p>Please sign in with your registered account details.</p>

<section>

<div style="float:left;margin-right:20px;">

<label for="EmailAddress">Email Address</label>

<input class="form-control col-sm-2" id="EmailAddress" type="email" value="" name="name" placeholder="EmailAddress" >

</div>

<div style="float:left;">

<a href="#" >Forgot Password</a>

<label for="Password">Password</label>

<input class="form-control col-sm-2" id="Password" type="password" value="" name="Password" placeholder="Password">

</div>

<br style="clear:both;" />

</section>

</form>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-blue">SIGN UP</button>

<button type="button" class="btn btn-blue">SIGN IN</button>

</div>

</div>

</div>

</div>

</div>

</li>