html - CSS:「マージン左」と「幅」が機能しないのはなぜですか?

Question

別のdivの中にdivがあります。

jsFiddle: http://jsfiddle.net/eT7U9/263/

.primaryMenu .Wrap {
    border:thin solid black;
    margin-left: 100px;
    height: 100%;
}

内側の div を右側に少しずらしたいので、「margin-left: 100px;」を指定しました。しかし、これはうまくいきませんでした。誰かが理由を教えてもらえますか? そして、それを行う正しい方法は何ですか？

別の質問: 内側の div に 50% の幅 (実際には任意の幅) を指定すると、親の Div の中心位置が取得されます。なぜそうなのですか？幅50％で左上にとどまるべきではありませんか？