Html Div显示在Div下方而不是上方？（绝对位置，页边距上/左0）

我有一个div（#homepage_web_title_webDesign），据我所知，它应该位于其父div（#homepage_web_drop_webDesign_wrap）的左上角，但它显示在它的正下方。非常感谢您的帮助！JSFIDLE包括我正在使用的重置

JSFiddle:

HTML:

<div id="homepage_web_drop_webDesign_wrap" style="background-color:rgba(0,255,0,.1);">
    <img id="homepage_web_drop_webDesign" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Piratey_transparent_background.svg/383px-Piratey_transparent_background.svg.png" />
    <div id="homepage_web_title_webDesign">Web Design</div>
    <div id="homepage_web_description_webDesign">Creative Web Design should fit your budget and satisfy both you and your customers.</div>
</div>

    #homepage_web_drop_webDesign_wrap {
        position:absolute;
        margin-left:0%;
        margin-top:0%;
        height:320px;
        width:260px;
    }
    #homepage_web_drop_webDesign {
        display:inline;
        width:100%;
        height:100%;
    }
    #homepage_web_title_webDesign {
        font-family:ElectrofiedBoldItalic;
        color:rgb(120,91,67);
        position:absolute;
        background-color:purple;
        margin-left:0%;
        margin-top:0%;
        z-index:65;
    }

（我用谷歌的一张随机图片替换了这张图片，但是尺寸是用CSS设置的，所以这显然不重要。）

：0

是当前位置的偏移量。你应该使用

left:0;
top:0;

如果要将其放置在上一个元素上

：0

是当前位置的偏移量。你应该使用

left:0;
top:0;

---

如果要将其放置在上一个元素上

只需设置

位置：绝对不带
顶部
、
底部
、
左侧
或
右侧
的值。因此，元素被放置在正常流中显示的位置。当您设置其中一个值时，它将相应地定位

查看此新设置。
您只设置了
位置：绝对不带
顶部
、
底部
、
左侧
或
右侧
的值。因此，元素被放置在正常流中显示的位置。当您设置其中一个值时，它将相应地定位

看看这个新的。
很明显，我不知道自己在做什么。谢谢你，好心的先生。很明显，我不知道我在做什么。谢谢你，好心的先生。