div неправильно позиционируется

Question

У меня есть 2 элемента div, у каждого фоновое изображение, и я хочу, чтобы они располагались рядом друг с другом. Но почему-то они поднимаются вертикально, а я хочу их горизонтально.

Код для обоих дивов ниже. Как я могу это исправить?

#header
{
top: 40px;
width:310px;
height: 90px;
background: url(Images/logo.jpg) no-repeat;
}
#logo
{
top: 40px;
left: 3200px;
height: 100px;
background: url(Images/banner.jpg) no-repeat;
}

Answer 1

<div id="header-container">
<!-- stick your HTML here -->
</div>

    #header-container { overflow:hidden; zoom:1; }

Измените ваш CSS, чтобы добавить следующие свойства:

    #header { float:left; } 
    #logo { float:left; width:[the width] }

Предполагается, что они являются братьями и сестрами, и они не находятся внутри друг друга.

Answer 2

    <div id="header-wrapper">
    <div class="header">hello</div>
    <div class="logo"></div>
    </div> 

и ur css:

/* this width = .header + .logo + any left or right padding on them.. or it can be 100% */   
   #header-wrapper {width: 1000px;}   

   .header {background: url(Images/logo.jpg) no-repeat; width:500px;height:90px;float:left;}
   .logo {background: url(Images/banner.jpg) no-repeat;width:500px; height:90px;float:left;}

Это также должно работать, не проверял, поэтому дайте мне знать, если это не