[問題] css3動畫版面溢出問題

[preal1215 (認真面對一切事物)]

我試做了這個頁面
http://i.imgur.com/JU4wiXn.jpg
設計滑鼠移過時，圖片放大1.2倍並旋轉
但是圖片卻溢出來了，如第三張圖。

試過overflow:hidden
或在圖片外多一個div,然後限定div大小都沒用。

不知各位前輩能否幫忙指點一下，謝謝。

註:很想知道答案，所以急驚風的先用手機po上來，若需要會在補上css.


隔天補充:
果然overflow下錯地方
http://output.jsbin.com/kusovi

另外詢問
1.圖片變大時會先變成直角是正常情況嗎？我有下border-radius

2.底下的更多，都不乖乖靠右，怎解?我下text-align:right沒用，要下float:right才有
效果。





--
Sent from my Android

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.96.120.239
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1430756740.A.4F2.html
→ mmis1000: 至少把網址po上來吧...這樣通靈是要怎麼回答？
推 aspdoctor: 外層position沒設吧?
→ mmis1000: http://jsbin.com/lepura/1/ 很正常
→ mmis1000: 你確定overflow:hidden設對地方？
→ mmis1000: overflow本來就不需要position
推 aspdoctor: 當內層position是絕對的時候, 外層沒有position就會超
→ aspdoctor: 出了,可以試試改一下你的例子
推 iamnodoubt: http://jsbin.com/lefinaduwa/1/edit
→ iamnodoubt: 我猜應該也是設錯地方..xd
→ preal1215: 謝謝各位，果然下錯地方了，拍謝阿~~
※ 編輯: preal1215 (175.96.120.239), 05/05/2015 12:19:23