Высота заголовка слайд-шоу не соответствует моему атрибуту CSS

Question

Почему мой заголовок слайд-шоу не изменяется в соответствии с моими атрибутами CSS?

Это в основном, как мой заголовок слайд-шоу работает

<div id="Slideshow"> 
<img src="image/s1.jpg" name="slide"> 
<script type="text/javascript"> 
<!-- 
var step = 1 
function slideit() { 
    document.images.slide.src = eval("image" + step + ".src") 
    if (step < 5) 
     step++ 
    else 
     step = 1 
    setTimeout("slideit()", 2500) 
} 
slideit() 
//--> 
</script> 
</div> 

Как вы можете видеть, я объявил CSS, закрывающую слайд-шоу, как «слайд-шоу»

Это мой «слайд-шоу» CSS

#Slideshow 
{ 
    position:absolute; 
    top:121px; 
    left:0%; 
    width:100%; 
    margin: 0px; 
    height:150px; 
} 

Несмотря на добавление атрибутов width/height, слайд-шоу не изменяется визуально.

Answer 1

Я вижу, что эти свойства работают нормально. Я установить это:

The Fiddle

Таким образом, вы можете видеть, что это работает, это позиционирование 121 пикселей от верхней части, и я сделал фон черный, так что вы можете увидеть, что это правильный высота 150px.

Я также пошел вперед и очистить форматирование на CSS немного, давая ему пространство и избавиться от некоторых оставшихся символов рядом с Зеро

#Slideshow { 
    background: #000; 
    position: absolute; 
    top: 121px; 
    left: 0; 
    width: 100%; 
    margin: 0; 
    height: 150px; 
    overflow: hidden; 
} 

Я хотел бы также отметить, что я добавил overflow: hidden;, потому что изображение, которое у меня было, было слишком большим, поэтому overflow: hidden; предотвращает переполнение элемента (в данном случае изображения) из его родительского контейнера.

Сообщите мне, если это уточнит ваш вопрос.