I have created a lightbox link which contains a Div. Inside the Div element there is a form, however the div isn't expanding to 100% of the page body. Does anyone know why?

Here's the code:

CSS:

```
<!DOCTYPE html>
<html>
<head>

  <style>
  @import url(http://fonts.googleapis.com/css?family=Londrina+Sketch);

  body {
  background-color: #C13E18;
  width: 750px;
  overflow:scroll;
    overflow-x:hidden;
  }

.form {
width: 100%;
float: left;

}

</style>
</head>

```

HTML:

```
<body>
<div id=bookingpage>

<div id="form"> <object type="text/html" data="http://challenge-the-box.com/wp-admin/admin-ajax.php?action=frm_forms_preview&form=nb3dui</div>" style="overflow:auto;">
    </object></div></div>
</body>
</html>

```