Modal doesn't shade screen

[Alec Taylor]

How do I make my Modal shade the screen?

Here is my code (Django template):

    <div id="{{ comp.id }}" class="modal hide fade">
        <div class="modal-header">
            <a href="" class="close">&times;</a>
            <h3>{{ comp.name }}</h3>
        </div>
        <form id="options" action="{% url satchmo_smart_add %}" 
method="post">{% csrf_token %}
            <div class="modal-body">{% option_list 
comp.customproduct.option_group.all.0 opt_list %}
                <p>{% if opt_list %}
                    <h3>Specs</h3>
                    <select name="{{ 
comp.customproduct.option_group.all.0.id }}"
                    id="{{ comp.customproduct.option_group.all.0.id }}">{% 
for opt in opt_list %}
                        <option value="{{ opt.value }}" {% if opt.selected 
%} selected="selected" {% endif %}>{{ opt.translated_name }} {% if 
opt.price_change %} {% option_price opt %} {% endif %}</option>{% endfor 
%}</select>{% endif %}</p>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="quantity" id="quantity" 
value="1" class="priced"/>
                    <input type="hidden" name="productname" 
id="productname" value="{{ comp.slug }}"/>
                    <input type="submit" name="addcart" class="btn 
btn-primary" value="{% trans "Add " %}" />
                    <a href="#" class="btn" onclick="closeModal 
();">Close</a>
        </form>
        </div>
    </div>

Thanks for all suggestions,

Alec Taylor