Po raz kolejny głowię się z problemem. Podaję kod:
<div class="boxAuto"> <div class="box">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ullamcorper magna sed lorem aliquet tempor. In tincidunt nisi nec nisl congue dictum ullamcorper leo aliquam. Vestibulum commodo dolor convallis tellus blandit iaculis. Nunc scelerisque metus quis lacus ullamcorper ut sagittis ante dignissim. Quisque non eros interdum lorem pellentesque tincidunt. Mauris a purus ipsum, ut pellentesque odio. Fusce sed metus nisl, et mattis eros. Aliquam eu mauris augue. Phasellus suscipit aliquet iaculis. Sed quis neque vel sapien hendrerit molestie a non enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque ac euismod felis. In eu purus urna, a condimentum nulla. Donec fermentum congue laoreet. Fusce commodo metus neque, sed faucibus felis.</div> </div>
CSS:
.boxAuto { position:relative; z-index:0; max-width:960px!important; margin:10px 10px 20px 10px; background-position: } .boxAuto .boxAutoTL, .boxAuto .boxAutoT, .boxAuto .boxAutoTR, .boxAuto .boxAutoL, .boxAuto .boxAutoC, .boxAuto .boxAutoR, .boxAuto .boxAutoBL, .boxAuto .boxAutoB, .boxAuto .boxAutoBR { position:absolute; z-index: -1; top:-10px; left:-10px; right:-10px; bottom:-10px; max-width:960px!important; } .boxAuto .boxAutoTL { background: url(../images/new/corner_tl.png) no-repeat left top; } .boxAuto .boxAutoT { background: url(../images/new/rep_x_top.png) repeat-x center top; } .boxAuto .boxAutoTR { background: url(../images/new/corner_tr.png) no-repeat right top; } .boxAuto .boxAutoL { background: url(../images/new/rep_y_left.png) repeat-y left center; } .boxAuto .boxAutoC { background-color:white; } .boxAuto .boxAutoR { background: url(../images/new/rep_y_right.png) repeat-y right center; } .boxAuto .boxAutoBL { background: url(../images/new/corner_bl.png) no-repeat left bottom; } .boxAuto .boxAutoB { background: url(../images/new/rep_x_bottom.png) repeat-x center bottom; } .boxAuto .boxAutoBR { background: url(../images/new/corner_br.png) no-repeat right bottom; }
Problem jest następujący, mimo iż box pojawia się i widać jego dolną i prawą krawędź oraz dolny prawy narożnik to nie ma krawędzi lewej, górnej oraz 3 narożników.
Proszę o pomoc.