Inline Block добавляет место над первым элементом ⇐ Html

[Anonymous]

У меня есть коробка, содержащая два подразделения, которые я должен сложить горизонтально. Добавление встроенного блока складывает их горизонтально, но первый элемент (#SS_CONT) получает верхнее пространство 25 %. Я проверил через Expect Element, это ни маржа, ни прокладки. Поэтому мне пришлось использовать позицию: относительно: сверху: -8px; Какая ошибка в этом? < /p>




[url=javascript:void(0)]◀[/url]
Flex Engine Web Design
[url=javascript:void(0)]▶[/url]




< /code>

#box{
margin:80px auto 0px auto;
width:675px;
height:225px;
border:2px solid #dddddd;
background-color:white;
}
#box>*{margin:10px 0px 0px 10px;}
#ss_cont{
width:304px;
height:182px;
display:inline-block;
}
#sep{
height:182px;
width:0px;
border:1px solid #dddddd;
display:inline-block;
}
#slideshow{
width:300px;
height:162px;
border:2px solid #dddddd;
}
#slid_controls{
width:275px;
height:20px;
margin-left:15px;
border-radius:0px 0px 5px 5px;
background-color:#888888;
}
#slid_controls *{
display:inline;
text-decoration:none;
color:white;
font-family:arial;
font-size:12px;
position:relative;
top:4px;
left:15px;
}
#slid_controls>p{padding:0px 45px 0px 45px;}


Подробнее здесь: https://stackoverflow.com/questions/218 ... st-element