Issue with border

[HDFilmMaker2112]

I'm having an issue applying a border to the specifications table on this page:

 

If you have javascript turned on:

http://ghosthuntersportal.com/store.php?product=1#specifications

 

If javascript turned off:

http://ghosthuntersportal.com/store.php?product=1&get=specifications

 

 

.specs_header{
font-size: 16px;
font-weight: bold;
background-color: #660066;
padding: 5px;
padding-bottom: 0px;
width: 720px;
margin-top: 15px;
}

.specs_text_spacer{
margin-left: 5px;
display: inline-block;
}

.specs_wrapper{
border-bottom: 2px;
border-left: 0px;
border-right: 0px;
border-color: #660066;
border-style: solid;
border-collapse: collapse;
width: 730px;
}

.specs_text{
font-size: 14px;
font-weight: bold;
float: left;
border: 0px;
border-color: #660066;
border-style: solid;
border-collapse: collapse;
width: 245px;
padding: 5px;
}

.specs_entry{
font-size: 14px;
float: left;
border: 0px;
border-left: 2px;
border-color: #660066;
border-style: solid;
border-collapse: collapse;
width: 460px;
padding: 5px;
}

 

 

$product_specifications=str_replace("[[","<div class=\"specs_header\"><span class=\"specs_text_spacer\">", $product_specifications);
$product_specifications=str_replace("]]","</span></div>", $product_specifications);
$product_specifications=str_replace("[","<div class=\"specs_wrapper\"><div class=\"specs_text\"><span class=\"specs_text_spacer\">", $product_specifications);
$product_specifications=str_replace("|","</span></div><div class=\"specs_entry\"><span class=\"specs_text_spacer\">", $product_specifications);
$product_specifications=str_replace("]","</span></div></div>", $product_specifications);
$product_specifications=str_replace("<>","<br />", $product_specifications);

[HDFilmMaker2112]

Fixed with overflow: auto; in the specs_wrapper div.