IE7 text-align：对不起作用

Question

我有一个h3和一个h1标签：

<div id="header">
    <div class="title">
        <img class="logo" src="images/logo.png" />
        <h3>Title1</h3>
        <h1><a href="#">Title2</a></h1>
    </div><!-- end .title -->
</div><!-- end #header -->

#header {
 background: transparent url(images/header_bg.png) top center no-repeat;
 margin: 30px auto 0;
 width: 960px;
 height: 240px;
}
#header .title { float: right }
#header h1,
#header h2,
#header h3 {
 text-align: right;
 border: none;
 padding: 0;
}

在IE7中，h3按照预期的方式对齐，但h1没有。为什么？

Answer 1

为.title div指定显式宽度 - 您应该使用IE开发人员工具（按F12）来解决这些问题。

同时查看this类似问题