When using markup as such:
<div id="template_global_messages_area">
<center>
<h:messages errorClass="error" warnClass="warn" infoClass="info" globalOnly="true" layout="table" />
</center>
</div>
with css as such:
/* GLOBAL MESSAGES */
#template_global_messages_area {
margin-top: -5px;
text-align: center;
width: 100%;
background-color: rgb(81, 81, 81);
padding-top: 2px;
padding-bottom: 2px;
}
.info {
text-align: left;
color: rgb(135 206 250);
}
I get markup delivered as such:
<div id="template_global_messages_area">
<center><table><tr class="info"><td> You have the following Role(s):Administrator. </td></tr><tr class="info"><td> Login Successful </td></tr></table>
</center>
</div>
It appears that Firefox doesn't like the class="info" on the tr wheras IE is tolerent...
Is this a bug with the h:messages renderer? Should it put the style on the td?
Or is firefox buggy?
