#template .CodeMirror div { margin: 0; } #template div.CodeMirror { margin-right: 0px !important; position: relative; height: 100%; width: 100%; } #cm-wrap > div { margin: 0 !important; } #cm-wrap { margin: 0 !important; border: ridge; position: relative; background: #fff; overflow: hidden; height: 450px } /* No since in getting the entire jQuery UI Css file: */ .ui-resizable-handle { display: block; font-size: 0.1px; position: absolute; z-index: 99999; } .ui-icon { background-image: url("../img/icons.png"); background-repeat: no-repeat; height: 16px; width: 16px; } .ui-resizable-s { bottom: -5px; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-resizable-e { cursor: e-resize; height: 100%; right: -5px; top: 0; width: 7px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-resizable-se { bottom: 1px; right: 1px; cursor: se-resize; }