title: p:message not displaying the list of errors properly
body: <p>I am using primefaces p:message tab for displaying error messages in screen. But the error message backgroud is not expanding as per the list of message. </p>
  
  <pre><code>&lt;table width="95%" border="0"&gt;
                  &lt;tr&gt;
                      &lt;td valign="top" style="width:40%" id="leftTd"&gt;
                          &lt;p:outputLabel value="User Profile"/&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan="3"&gt;
                          &lt;p:messages id="profileMsgs" showSummary="true" showDetail="true" for="userProfileForm:loginIdText"/&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;br/&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                   &lt;tr valign="top"&gt;
                      &lt;td width="35%"&gt;
                          &lt;table width="100%" border="0"&gt;
                              &lt;tr valign="top"&gt;
                                     &lt;td width="30%" align="right"&gt;
                                          &lt;h:outputLabel id="loginIdLabel"  value="Login Id*:" for="loginIdText"&gt; &lt;/h:outputLabel&gt;
                                     &lt;/td&gt;
                                     &lt;td width="70%"&gt;
                                          &lt;p:inputText id="loginIdText" value="ADMIN" 
                                          style="width:90%;"
                                          &gt;
                                          &lt;/p:inputText&gt;
                                     &lt;/td&gt;
                             &lt;/tr&gt;
                             &lt;tr valign="top"&gt;
                                     &lt;td width="30%" align="right"&gt;
                                          &lt;h:outputLabel id="personalIdLabel"  value="User/Personal Id*:" for="personalIdText"&gt; &lt;/h:outputLabel&gt;
                                     &lt;/td&gt;
                                     &lt;td width="70%"&gt;
                                          &lt;p:inputText id="personalIdText" value="ADMIN PERSONAL"  style="width:90%;"
                                          &gt;
                                          &lt;/p:inputText&gt;
                                     &lt;/td&gt;
                             &lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/td&gt;   
                  &lt;/tr&gt;   
  &lt;/table&gt;
  </code></pre>
  
  <p>I am getting below result:</p>
  
  <p><a href="https://i.stack.imgur.com/XtdGn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XtdGn.jpg" alt="wrong messages"></a></p>
  
  <p>Expected result should be like</p>
  
  <p><a href="https://i.stack.imgur.com/ShuM4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ShuM4.jpg" alt="expected messages"></a></p>