.editor .frame-001 { max-width: 100%; position: relative; padding: 29px; display: inline-block; } .editor .frame-001 .editor-frame { position: absolute; min-width: 29px; min-height: 29px; z-index: 1; } .editor .frame-001 .mid { position: relative; z-index: 2; } .editor .frame-001 .frame-LT, .editor .frame-001 .frame-RT { top: 0; } .editor .frame-001 .frame-LB, .editor .frame-001 .frame-RB { bottom: 0; } .editor .frame-001 .frame-LT, .editor .frame-001 .frame-LB { left: 0; } .editor .frame-001 .frame-RT, .editor .frame-001 .frame-RB { right: 0; } .editor .frame-001 .frame-LM, .editor .frame-001 .frame-RM { top: 29px; bottom: 29px; } .editor .frame-001 .frame-CT, .editor .frame-001 .frame-CB { left: 29px; right: 29px; } .editor .frame-001 .frame-CT { top: 0; } .editor .frame-001 .frame-CB { bottom: 0; } .editor .frame-001 .frame-LM { left: 0; } .editor .frame-001 .frame-RM { right: 0; } .editor .frame-001 .frame-LT { background-image: url(images/2b1.gif); } .editor .frame-001 .frame-CT { background-image: url(images/2b2.gif); } .editor .frame-001 .frame-RT { background-image: url(images/2b3.gif); } .editor .frame-001 .frame-LM { background-image: url(images/2b4.gif); } .editor .frame-001 .frame-RM { background-image: url(images/2b6.gif); } .editor .frame-001 .frame-LB { background-image: url(images/2b7.gif); } .editor .frame-001 .frame-CB { background-image: url(images/2b8.gif); } .editor .frame-001 .frame-RB { background-image: url(images/2b9.gif); }