System Message Container problem in Jomsocial

Hi

I have a problem on Jomsocial pages, where the System Message Container just flashes momentarily and disappears.

It appears to return if I temporarily disable:

#gkHeader + #system-message-container {
margin-bottom: 70px;
margin-top: -70px;
}

in chrome developer tools

however it is entirely unstyled, which doesn't seem right. I tried to upload a screenshot to help but for some reason your forum is configured not to allow it:
"The image must be at least 0 pixels wide, 0 pixels high and at most 680 pixels wide and 560 pixels high. The submitted image is 2880 pixels wide and 1800 pixels high."

Please look here http://demo.gavick.com/joomla25/simplicity/index.php/template/users/username-reminder-request and type some mail, you will get error messages in system containers which have own styles. The problem can be related with system containers inside JS,maybe they have own styles.

Hm.

So this the html generated by Simplicity when it hits an error on a jomsocial page:

Code: Select all

<div id="system-message-container">
<dl id="system-message">
<dt class="notice">Notice</dt>
<dd class="notice message">
   <ul>
      <li>Restricted Access</li>
   </ul>
</dd>
</dl>
</div>

I have inspected all of this in chrome dev tools and the only matched css rules styling these elements is from simplicity's template.css, joomla.css and normalize.css. Confused! Any advice? To recreate the problem by all means create a free student account at beta.profr.org. Clicking on any other student icon will cause throw the error.

in case helpful - this was just a normal template install not a quickstart install. Not sure if that is relevant, but it might be...

The mentioned file are fine because this message containers are styled there. Maybe something just overwrite the rules ?