Modal dialog message truncated in firefox
<p>I am using a Modal dialog to prompt user a message. It works fine in IE but shows only first row in firefox. How can i fix this. This is how my message is formatted.</p>

<pre><code> var modal = "&lt;div id='modal_pop'&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt; "                    
           + "Please check you have a valid value to proceed.&lt;br&gt; Change the value if possible. Value should be valid to proceed further.&lt;br&gt;"
           + "Value should not be a number or a special case character&lt;br&gt;
Make changes and save the work before exiting it.&lt;br&gt;  " 
           + "Click logoff now or continute using the application.&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/div&gt;";
</code></pre>

<p>and this is the jQuery dialog:</p>

<pre><code>var showPopup = function() {
            $(modal).dialog({
                buttons: {
                    "Test": function() {
                                        //ABC
                                      },
                    "Test1": function() {
                                        //XYZ
                                     }
                },
                 modal: true,
             width: 430,
         height: 100,
         resizable:'yes',
         scroll:'no'
               });
        }
</code></pre>
