как с помощью CSS расположить картинки по горизонтале

==================================
css.style

.header-img-right-top {
display:block; /* Устанавливаем как блочный элемент */
float: left; /* Обтекание по правому краю */
position: absolute; /* Абсолютное позиционирование */
width:50px; /* Ширина блока */
height:50px; /* Высота блока */
margin-top: 10px; /* Отступ сверху */
margin-left: 890px; /* Отступ слева */
margin-right: 10px; /* Отступ справа */
margin-bottom: 10px; /* Отступ снизу */
}

.header-img-right-botton {
display:block; /* Устанавливаем как блочный элемент */
float: left; /* Обтекание по правому краю */
position: absolute; /* Абсолютное позиционирование */
width:50px; /* Ширина блока */
height:50px; /* Высота блока */
margin-top: 238px; /* Отступ сверху */
margin-left: 890px; /* Отступ слева */
margin-right: 10px; /* Отступ справа */
margin-bottom: 10px; /* Отступ снизу */
}

=====================================
header.php

<div class="header-img-right-top">
   <img src="wp-content/image/house.png" alt="главная" />
   <img src="wp-content/image/start.png" alt="избранное" />
  </div>
  <div class="header-img-right-botton">
   <img src="wp-content/image/mail.png" alt="почта" />
   <img src="wp-content/image/phone.png" alt="телефон" />
  </div>

===================================

темы:
Twenty Ten (2010) — тоже рассматриваем
Twenty Eleven (2011) — в основном тут

хочу чтобы картинки расположились

1 2

а они распологаються

1
2

извините, но у меня вроде этот кусок есть
float: left; /* Обтекание по правому краю */
3 строчка

Проблема понятна, но как ее решить?
header.php — что-то нужно еще прописать?

пока сам логически понять не могу

спасибо большое за подробное объяснение
но проблема не решена
или я не то делаю

делаю на денвере
есть скайп (до 17 по мск буду)
могу на почту скинуть скрин-шоты
и т.д.