[CSS] Slider na całą szerokość ekranu RWD.

Witam,
W kodzie nie chce mi zadziałać kod CSS w którym nadaje sliderowi klasę

.slider {
width: 100%
height: auto;
}

Ja pracuje na laptopie i daje na slider zdjęcie o wymiarach 2000px x 700px, tak aby na większych ekranach też slider byl widoczny w dobrej rozdzielczości. Kiedy w stawiam diva zaraz pod znacznikiem <main> pod nawigacją i nadaje mu właśnie taką klasę, jak napisałem u góry pojawia mi się na moim ekranie poziomy scroll. Chciałbym aby na mniejszych ekranach slider dostosował się do szerokości ekranu.

Wrzuć to na http://jsfiddle.net i podeślij link. Na razie dałeś za mało informacji, żebyśmy mogli coś sensownego odpowiedzieć.

Strzelam, że pewnie jakiś margin/padding, wystarczy spojrzeć w devtoolsa.

GUNSHOT napisał(a):

daje na slider zdjęcie o wymiarach 2000px x 700px, tak aby na większych ekranach też slider byl widoczny w dobrej rozdzielczości.

Abstrahując od zadanego pytania: ale zdajesz sobie sprawę, że to oznacza iż ładujesz na stronę obrazek ważący z kilkaset KB albo i kilka obrazków po kilkaset KB?

Ok problem rozwiązany. Nie nadałem containerowi szerokości 100% i dlatego obrazek rozlewał się poza container.