Как выравнивать изображение на правой стороне div?

Question

Я делаю один div в том, что хочу выравнивать изображение справа от этого div и заполнять цвет того же изображения на другом оставшемся свободном месте div, но изображение не выравнивается прямо к нему. Основная проблема заключается в том, что я не хочу использовать тег <img> внутри div, я хочу использовать изображение в качестве фонового изображения этого div, и это также должно быть правильно выровнено.

My Fiddle

код:

<div class="inq_parent"> 
     <div class="inq_header"> 

     </div> 
</div> 

.inq_parent 
{ 
    height:560px; 
    width:90%; 
    background-color:#000; 
    margin-left:5%; 
} 
.inq_header 
{ 
    height:100px; 
    width:100%; 
    background-color:#333333; 
    border-bottom: 1px solid #f2f2f2; 
    background-image:url(http://i.stack.imgur.com/x9be2.png); 
    background-repeat:no-repeat; 
    text-align:right; 
} 

Answer 1

Добавить background-position:right;

.inq_header 
{ 
    height:100px; 
    width:100%; 
    background-color:#333333; 
    border-bottom: 1px solid #f2f2f2; 
    background-image:url(http://i.stack.imgur.com/x9be2.png); 
    background-repeat:no-repeat; 
    background-position:right; 
    text-align:right; 
} 

или в коротком

background:url(http://i.stack.imgur.com/x9be2.png) no-repeat right; 

DEMO

---

Обновлено

.inq_header 
{ 
    height:100px; 
    width:100%; 
    border-bottom: 1px solid #f2f2f2; 
    background:#333333 url(http://i.stack.imgur.com/x9be2.png) no-repeat right; 

} 

Updated DEMO