i just want to use float:right; in article module for the index page.

so i change the code from
.article-header-image{
float: left;
text-align: center;
font-size: small; /* caption */
margin: 0px 10px 10px 0px;
}

to:

.article-header-image{
float: right;
text-align: center;
font-size: small; /* caption */
margin: 0px 0px 10px 10px;
}

and it works fine in FF but IE get me a messy page

see:
ok in ff: http://xoops.ir/uploads/article_ff.jpg

not ok in ie: http://xoops.ir/uploads/article_ie.jpg

i try many ways but still cant sort it out. anyone can help?

Two things worth checking.

1. IE 6- does not deal well with float, check and see if things work with IE 7
2. use Clear:both command before using the float; often there are other float blocks getting "in the way"
; see:
http://www.w3schools.com/css/pr_class_clear.asp


Good Luck!