inline-block при 100%-ой ширине элемента

Здравствуйте уважаемое сообщество! Возник такой вопрос. Верстая один макет натолкнулся на проблему - на странице присутствует слайдер. По задумке дизайнера, слайдер должен всегда занимать 100% от ширины монитора и при клике по кнопкам смещаться вправо/влево на ширину 1-го слайда. Слайдер должен также масштабироваться при изменении ширины монитора, то-есть не просто по ширине, а и по высоте (имеется фоновая картинка, которая должна соблюдать пропорции). Вопрос - возможно ли в принципе реализовать такое? Дело в том, что блоки не встают в одну линию не смотря на указание свойства элементов display:inline-block и overflow: hidden родительского элемента. Возможно это как раз из-за 100% ширины элементов? Хочу просто прояснить для себя этот момент.