I've attached an image or what I am seeing to compliment this code (see sitepoint_100306_1.jpg).
Essentially for some reason in IE it forces a paragraph break in between list items when i combine them with 'float'
This is the CSS. It is unchanged between seeing the issue in IE versus, well every other browser I tried:
.xBookList-1_UL {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
.xBookList-1_LI-Title {
font-size: 75%;
color: #0066b3;
font-weight: bold;
}
.xBookList-1_LI-Text {
font-size: 75%;
color: #666666;
}
.xBookList-1_LI-Text A {
font-size: 99%;
}
.xBookList-1_LI-R-Image {
margin-top: 5;
margin-left: 10;
float: right;
}
.xBookList-1_LI-L-Image {
margin-top: 5;
margin-right: 10;
float: left;
}
.xBookList-1_LI-Line {
margin-top: 14;
clear: both;
margin-bottom: 13;
}









Bookmarks