跨度放置 - 使用Float（仅在某些浏览器中）

Question

请参阅www.racedayworld.com

在某些浏览器中，加号（在一个手风琴div面板的右侧浮动）正在被推下，但是其他浏览器显示正常......

我知道这些浏览器正在发生...... Firefox 3.0.5 IE 7 其他

有什么想法吗？

Answer 1

而不是：

#accordion span {
float:right;
}

摆脱跨度。浮动图像本身。使用：

#accordion img {
float:right;
display:block
}

Answer 2

id只是将img作为背景的一部分

#accordion h2 img{

    position:absolute;
    top:0;   /* you might need to play with #    */
    right:0;    /* you might need to play with #    */
}

#accordion h2{

    position:relative;
}

我也会使用JqueryUI的无主题手风琴，因为它支持开放/活动/非活动状态/类。

http://jqueryui.com/demos/accordion/

Answer 3

Float仅浮动文档顺序后面的项目。尝试提供这样的东西：

<h2><span><img src="plus.gif"/></span> text here </h2>

正如其他人所提到的，SPAN可能是多余的。