<div class="signin-form" style="background: #D8FCC5; opacity: 0.9;" >
<div id="alerts">
{% if messages %}
{% for message in messages %}
<div class="alert alert-danger fade in">
<a href="#" class="close" data-dismiss="alert">×</a>
<strong>Error!</strong> {{ message }}
</div>
{% endfor %}
{% endif %}
</div>
<!-- Form -->
<form method="post" id="signin-form_id">
{% csrf_token %}
<div class="signin-text">
<span style="background: #D8FCC5; vertical-align: inherit;">Iniciar sesión en su cuenta</span>
</div> <!-- / .signin-text -->
Esto es lo que me aparece: