CODE
.blogbody {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:bold;
background:#000;
line-height:140%;
text-align: justify;
border-left:1px solid #009900;
border-right:1px dotted #009900;
border-bottom:1px dotted #009900;
padding:10px;
}
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:bold;
background:#000;
line-height:140%;
text-align: justify;
border-left:1px solid #009900;
border-right:1px dotted #009900;
border-bottom:1px dotted #009900;
padding:10px;
}
In addition, I use a class I call "imageviewbox" to define borders around the image itself from within the entry:
CODE
IMG.imageviewbox {
float: left;
border: none;
margin-right: 7px;
margin-bottom: 0px;
padding: 5px;
}
float: left;
border: none;
margin-right: 7px;
margin-bottom: 0px;
padding: 5px;
}
This archive page provides great example of this phenomenon (I realize the images are not appearing, I have just moved servers and the links need ot be updated. The phenomenon occurs regardless if the image is displayed or not).
It is as if only the actual HTML of the image source used when building the entry is considered in defining the height of the entry.
How can I force the blodbody divider, or MTEntry or whatever it might be, to consider the image as a portion of the entry?