I'm using this simple CSS:
.story{
border-bottom: 2px dotted #1958b7;
}
.story img{
float: left;
clear: none;
border: 1px solid #2586d7;
margin-right: 1em;
}to do news stories on my site. The problem is that if the text of the story is shorter than the height of the image, the bottom of the border goes through the picture. I tried including "height: 0px", which does the trick in IE, but in NN it actually makes the height 0, which makes it all go off.
I've tried height: auto too, but no joy. Any ideas?You may find this article (<!-- m --><a class="postlink" href="http://www.complexspiral.com/publications/containing-floats/">http://www.complexspiral.com/publicatio ... ng-floats/</a><!-- m -->) enlightening.
.story{
border-bottom: 2px dotted #1958b7;
}
.story img{
float: left;
clear: none;
border: 1px solid #2586d7;
margin-right: 1em;
}to do news stories on my site. The problem is that if the text of the story is shorter than the height of the image, the bottom of the border goes through the picture. I tried including "height: 0px", which does the trick in IE, but in NN it actually makes the height 0, which makes it all go off.
I've tried height: auto too, but no joy. Any ideas?You may find this article (<!-- m --><a class="postlink" href="http://www.complexspiral.com/publications/containing-floats/">http://www.complexspiral.com/publicatio ... ng-floats/</a><!-- m -->) enlightening.