Jak zařídit, aby obsah v Carrouselu [CSS] nebyl ničím překrytý?

Ahoj, předem říkám, že jsem se na to snažil přijít sám, ale vždy jsem to spíše rozházel ještě více, tak se obracím na vás, snad jste zkušenější a bystřejší a zvládnete mi pomoci.
Můj problém: chci aby obsah v carrouselu byl úplně nejvýše, tedy ničím nepřekrytý. Co je zvláštní je, že ve Firefoxu všechno funguje, ale v chromiu a edge (a asi i ostatních prohlížečich ne)
link: http://jsfiddle­.net/p0b77ksg (p.s. roztahnete si to; v mensich rozlisenich se to ‚slozi‘ a muj problem neni videt)
link2: http://kod.djpw­.cz/tgrb (viz p.s. nahore + mi tu chybi nejake styly, ty ale nemaji na problem vliv)
obrazek: vlevo edge v pravo FF http://i.stac­k.imgur.com/HSOX1­.png

z-index browser-dependent bug v Carrouselu u Bootstrap