Display:block; niestety nie pomaga. Może wkleje poniżej kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <div style="width: 150px; height: auto;"> <div style="width: auto; height: 25px; clear:both;"><div class="rog_lewy_gora"></div><div class="bok_gora"></div><div class="rog_prawy_gora"></div></div> <div style="width: auto; height: auto; clear:both;"><div class="bok_lewy"></div><div class="srodek">edfgydufgy duygdfg dfugydfgydg dgydofg dfgydfogyd fguydfg sgfsgdf sdf sdfgt sdyftsjdf syi
</div><div class="bok_prawy"></div></div> <div style="width: auto; height: 25px; clear:both;"><div class="rog_lewy_dol"></div><div class="bok_dol"></div><div class="rog_prawy_dol"></div></div>
A tu CSS.
.rog_lewy_gora {
float: left;
width: 25px;
height: 25px;
background: url(rog_lewy_gora.gif);
}
.bok_gora {
float: left;
width: auto;
height: 25px;
background: url(bok_gora.gif) repeat-x;
}
.rog_prawy_gora {
float: right;
width: 25px;
height: 25px;
background: url(rog_prawy_gora.gif);
}
.bok_lewy {
float: left;
width: 25px;
height: auto;
background: url(bok_lewy.gif) repeat-y;
}
.srodek {
float: left;
width: auto;
height: auto;
}
.bok_prawy {
float: right;
width: 25px;
height: auto;
background: url(bok_prawy.gif) repeat-y;
}
.rog_lewy_dol {
float: left;
width: 25px;
height: 25px;
background: url(rog_lewy_dol.gif);
}
.bok_dol {
float: left;
width: auto;
height: 25px;
background: url(bok_dol.gif) repeat-x;
}
.rog_prawy_dol {
float: right;
width: 25px;
height: 25px;
background: url(rog_prawy_dol.gif);
}