http://www.language-works.com/CSS_Stuff/chinese_news2.html
The problem area is marked in English, red bold text.
I am not clear on why in IE the entire set of text gets moved to a separate
line below the orange bullet (and not indented!) whereas it works just fine
in Firefox? I'm sure it's a special IE bug, but have not found anything to
explain the weirdness.
The basic code is:
<div class="headline2Col">
<img src="images/bullet-orange-tiny.gif" class="orangeBullet" />
<a href="#">吕秀莲苏贞昌涉嫌滥用国务机要费</a>
</div>
.headline2Col
{
width: 186px;
_width:185px;
margin: 5px 6px 0 0;
_margin: 5px 6px 0 0;
padding: 0 0 0 0;
float: left;
}
.headline2Col a:link, .headline2Col a:visited {
display: block;
width: 186px;
_width:185px;
margin: 0 0 5px 0px;
_margin:0 0 0 0;
}
img.orangeBullet {
float: left;
margin: 6px 1px 5px 1px;
border: none;
clear: both;
}
Would appreciate any pointers, as I've spent many hours fiddling with the
spacing on this to no avail!
Anne
Anne Shroeder
Web Developer
Language Works, specializing in multi-lingual web site development
http://www.language-works.com
Email: [EMAIL PROTECTED]
(301) 349-0802 (farm/office)
(301) 803-9734 (cell)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
