Как переопределить облачные карты css с вашим собственным css?

Question

Как переопределить облачные карты css с вашим собственным css. Я наложил код карты на свой сайт, и отобразится карта, но на картах есть кредиты в нижнем правом углу и скроллере масштабирования. Я не против кредитов, но я хочу удалить этот скроллер. Я пробовал использовать css: display: none; по стилю облачного, но не помогающего. Как положить мой css над их?

Вот HTML код:

<div id="yjsg6" class="yjsg_grid yjsgsitew"> 
    <div id="user16" class="yjsgxhtml only_mod" style="width:100.00%;"> 
     <div class="yjsquare "> 
      <div class="yjsquare_in"> 
       <div class="Flexible-container"> 
        <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.cloudmade.com/iframe?&amp;lat=45.8122871952285&amp;lng=15.97111701965332&amp;zoom=14&amp;styleId=102945"></iframe> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

И все CSS-код в этом link

Спасибо!

Answer 1

Этот хак работает:

#yjsg6 { 
    margin-left: -50px; 
} 

Вы не можете повлиять на содержание фрейма, потому что это от другого происхождения. Должно быть возможным повлиять на стили iframe, но пока это не реализовано.