Dialog body far too small

Dialog body far too small

I am using the following (NuGet download ASP.NET) 

  
    
   
  1. <link rel="stylesheet" href="Content/themes/base/dialog.css" />
    2. 
  

    
    
     
  1. <script>
    2. 
     
  2.        $(function () {
    3. 
     
  3.            $("#dialog-message").dialog({
    4. 
     
  4.                modal: true,
    5. 
     
  5.                buttons: {
    6. 
     
  6.                    Ok: function () {
    7. 
     
  7.                        $(this).dialog("close");
    8. 
     
  8.                    }
    9. 
     
  9.                }
    10. 
     
  10.            });
    11. 
     
  11.        });
    12. 
     
  12.    </script>
    13. 
    

Here is the Div
    
    
     
  1. <div id="dialog-message" title="Download complete">
    2. 
     
  2.           <p>
    3. 
     
  3.               Your files have downloaded successfully into the My Downloads folder.
    4. 
     
  4.           </p>
    5. 
     
  5.           <p>
    6. 
     
  6.               Currently using <b>36% of your storage space</b>.
    7. 
     
  7.           </p>
    8. 
     
  8.       </div>
    9. 
    

When I run this there is no background to the title and the body of the text is really small in width - probably about a 1/10 the width of the dialog. 


Any idea