html - iframe の上に div をスタックする

Question

私は何度も取得しようとしましたが、取得できません。Iframe コンテンツの上に div を配置しようとしています

<div align="middle">
    <div style="position: relative;">
        <iframe 
        src="http://www.theprintblog.com/wp-content/uploads/2013/03/green.jpg"
        width="1000" height="670" scrolling="no">
    </div>
    <div style="position: absolute; left: 50px;">
        <p>hi</p>
    </div>

緑の写真は一例です。スライドショーを表示する 1 つのサーバーでホストされているファイルがあり、その上にいくつかのリンクを配置できるようにしたい