Twitter Bootstrap Carousel IE All versions weird space at top of carosel

Question

I used twitter bootstrap with the basic carousel template on this website:

http://www.btwodesign.net/files/fusion/index.html

You will notice on FF, Chrome and Safari, everything appears correct. However on all versions of IE there is a good 100px's or so of space added to the top of the slider behind the nav. The nav is still there but the background color of the added space is white (same as the nav) so it looks like it disappears. Thank you, Alex

Answer 1

Just thought I would take a crack at it. I don't have a great solution but this is what I have come up with so far. ( Tried it on IE 10 )

.navbar-header {
   position: absolute;
   left: 20.5%;
}

.navbar-nav {
   position: absolute;
   left: 53.15%;
}

.carousel {
   margin-top: -40px;
}

I would only apply these changes if you detect its IE. Once I got to this point I realized the the Carousel buttons you use to change pictures don't work in IE 10.. But I believe that is the case even before you apply these changes. I ran out of time hopefully you can figure out how to address that.