Слайдер jQuery испортил мой градиент CSS?

Question

Я помещаю ползунок jQuery на свою страницу, и когда я добавляю новый div под ним и добавляю float: left, градиент тут же останавливается.Вот LINK .

А когда я не добавляю float: left, градиентный фон нормальный: s ...

CSS:

body {
    height: 100%;
    border-top: 1px solid white;
    margin:0;
    background-repeat: no-repeat;
    font-family: 'AandachtBold';
    -webkit-font-smoothing: antialiased;
    background: #cdd6de;!important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f5f5), to(#cdd6de));fixed !important;
    background: -moz-linear-gradient(#f4f5f5, #cdd6de);fixed !important;
    background: linear-gradient(#f4f5f5, #cdd6de);fixed !important;
    -pie-background: linear-gradient(#f4f5f5, #cdd6de);fixed !important;
    behavior: url(/PIE.htc);
}

JavaScript:

<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/jquery.easing.1.2.js"></script>
<script src="js/smooth-src-comments.js"></script>
<script>
    $(function(){
        $('#slides').slides({
            preload: true,
            preloadImage: 'img/loading.gif',
            play: 3500,
            pause: 2500,
            hoverPause: true
        });
    });
</script>

Answer 1

Ваш код CSS кажется недействительным.

Например

  background: #cdd6de;!important;

Это должно быть так

  background: #cdd6de !important;

Кроме того, я никогда не видел, чтобы "исправлено" использовалось для градиента раньше, это могло вызвать проблему

  background: -moz-linear-gradient(#f4f5f5, #cdd6de);fixed !important;

---

Попробуйте использовать мой код ниже с вашими цветами, этот код работает и в Internet Explorer;

  background: #0A284B;
  background: -webkit-gradient(linear, left top, left bottom, from(#0A284B), to(#135887));
  background: -moz-linear-gradient(top, #0A284B, #135887);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B', endColorstr='#135887');
  zoom:1;