Twitter bootstrap - dropdown + modal box Opcje

[lukaskolista]

Witam. Mam nastepujacy problem z dropdown + modal box. Jezeli dropdown znajduje sie blisko modal-footer to niestety jest pod nim chowany. Czesciowym rozwiazaniem jest zrobienie dropdown rozwijanego w gore, jednak takie rozwiazanie srednio mi odpowiada. Wiecie moze jak zrobic, aby dropdown nakladal sie na stopke modal boxa? Problem zilustrowany na zdjeciu ponizej.
(IMG:http://artykuly-online.pl/dropdown.png)

Bede bardzo wdzieczny za pomoc.

Ten post edytował lukaskolista 13.07.2012, 09:20:41

[lukaskolista]

[HTML] pobierz, plaintext 
<div class="container">
		<a href="#modal" data-toggle="modal" class="btn">Modal</a>
		<div class="modal hide" id="modal" style="width: 700px;">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">×</button>
				<h3>Modal</h3>
			</div>
			<div class="modal-body">
				<div class="btn-group">
					<button data-toggle="dropdown" class="btn dropdown-toggle">Dropdown <span class="caret"></span></button>
					<ul class="dropdown-menu">
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
						<li><a href="#">Opcja</a></li>
					</ul>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Zamknij</a>
			</div>
		</div>
    </div> <!-- /container -->
[HTML] pobierz, plaintext 

To kod modal boxa znajdujacy sie w kontenerze strony