CSS 画像のキャプションをスライド表示させる

こんにちは。
少し分からないことがありましたので、質問させて下さい。
下記のサイトを参考に投稿記事の画像のキャプションをスライド表示させたいと思っています。
参考

• http://css-tricks.com/slide-in-image-captions/
• http://css-tricks.com/examples/SlideinCaptions/

HTML5 の構造

<figure>
    <img src="yay.jpg" alt="">
    <figcaption>
        yay!!!
    </figcaption>
</figure>

ただ、この HTML に画像サイズを指定したところ縦幅は問題ないのですが、横幅がどうしても 542px以上になりません。
問題の HTML

<figure>
    <img width="600" height="600" src="yay.jpg" alt="">
    <figcaption>
        yay!!!
    </figcaption>
</figure>

普段使用している HTML では問題なくサイズを指定できます。
普段使用している HTML

[caption align="aligncenter" width="600" height="600"]
    <img src="yay.jpg" />
        yay!!!
[/caption]

写真をメインとしたブログのため大きなサイズで表示させたいのですが、どのように修正したら良いのでしょうか？
何卒、ご教授よろしくお願い致します。