Как выставить 2 картинки в ряд?

[nazar-com]

Две картинки выстраиваются одна под другой

CSS
#jjSearch {
display: block;
background: transparent url(../images/fb.png) no-repeat left top;
float: right;
height: 40px;
margin-top: 165px;
width: 300px;
}

#jjSearch a {
display: block;
background: transparent url(../images/vk.png) no-repeat right top;
float: right;
height: 40px;
margin-top: 165px;
width: 300px;
}

#jjSearch input.inputbox {
background: none;
border: none;
color: #372C10;
float: left;
font-size: 1.1em;
font-weight: bold;
margin: 1px 0 0 6px;
padding: 4px 0 0;
width: 300px;
}

HTML

<div id="jjSearch">
<a href="https://www.facebook.com/pages/%D0%A7%D0%B5%D1%80%D0%BA%D0%B0%D1%8 1%D1%8C%D0%BA%D0%B8%D0%B9-%D0%B0%D0%BA%D0%B0%D0%B4%D0%B5%D0%B C%D1%96%D1%87%D0%BD%D0%B8%D0%B9-%D0%BC%D1%83%D0%B7%D0%B8%D1%87%D0%B D%D0%BE-%D0%B4%D1%80%D0%B0%D0%BC%D0%B0%D1%8 2%D0%B8%D1%87%D0%BD%D0%B8%D0%B9-%D1%82%D0%B5%D0%B0%D1%82%D1%80-%D1%96%D0%BC%D0%A2%D0%93%D0%A8%D0%B 5%D0%B2%D1%87%D0%B5%D0%BD%D0%BA%D0% B0/315359538492992"><img src="images/fb.png"></a >
</div>

<div id="jjSearch a">
<a href="https://vk.com/club32121977"><img src="images/vk.png"></a >
</div>

Что я неправильно написал?

[Вадим Мошев]

Смущает совокупность:

#jjSearch a

И

id="jjSearch a"

[nazar-com]

Что именно вас смущает?

[Naive]

вероятно то, что пробелы в селекторах означают наследование и в цельном селекторе их быть не может