Ссылка от изображения прикреплена к [middleman] css html

Question

Итак, у меня есть значок, связанный с ним.

<%= link_to image_tag("infobutton_circle_blue.png") ,"http://redbullrecords.com/artist/awolnation/", :id => "about" %> 

это будет производить это:

<a id="about" href="http://redbullrecords.com/artist/awolnation/" style=" 
    height: 40px; 
"><img src="/images/infobutton_circle_blue.png"></a> 

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

Но как только я добавить несколько позиций/проклейки стилей

 #about 
      img 
      float: right 
      width: 50px 
      padding-right: 45px 

      +rhythm(-2.0 , 0, 0, 0) 

то изображение больше не ссылки, .. инспектор говорит ссылка на другой стороне страницы с размером 0px 0px х .. очень странно

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

Я пытался просто целевой идентификатор изображения без IMG, но .. он не сдвинулся с места .. так вот почему я использовал #about img

Answer 1

Я заметил, что место, где я хотел значок, чтобы быть бы технически быть на вершине другого элемента, .. Так что я изменил стили к абсолютному позиционированию и все работало хорошо, .. еще очень странно

#about 
    img 
    position: absolute 
    width: 50px 
    padding-right: 45px 
    margin-left: 70% 

    +rhythm(-2.0 , 0, 0, 0)