CSS Forum

**jamest** · 03:38 PM

OK I got it to work now.

The background image (Images/subtitle-gears.png) appears in IE 7 but not in firefox could anyone tell why this is and how I can fix it.

Here is the CSS for the section of the site

Code:

div#ctr {
background:#fff;
margin-right:145px;
padding-right:9px;
}
 div#ctr h1 {
 background:#4070ae;
 color:#ffffff;
 font-size:140%;
 font-variant:small-caps;
 font-weight:bold;
 margin-top:9px;
 text-align:center;
 }
 div#ctr h1 + div {
 background:#edeeee;
 height:1050px;
 overflow:auto;
 padding-left:4px;
 padding-right:4px;
 padding-top:1px;
 }
  div#loginbox {
  background:#4070ae;
  float:right;
  margin-right:-4px;
  margin-top:-1px;
  padding:0 2px 2px 2px;
  position:relative;
  width:175px;
  }
   div#loginbox h3 {
   background:#41627e;
   color:#ffffff;
   font-size:100%;
   font-variant:small-caps;
   font-weight:bold;
   margin:0px 4px 0px 4px;
   padding:1px;
   text-align:center;
   }
  div#ctr h1 + div div#loginbox + h2 {
 background:#25587e url(Images/subtitle-gears.png) no-repeat 30px 50%;
  color:#ffffff;
  font-size:110%;
  font-variant:small-caps;
  font-weight:bold;
  margin:8px 180px 0 5px;
  padding-left:55px;
  position:relative;
  text-align:left;
  }
  div#ctr h1 + div h2 {
  background:#25587e url(Images/subtitle-gears.png) no-repeat 30px 50%;
  color:#ffffff;
  font-size:110%;
  font-variant:small-caps;
  font-weight:bold;
  margin:9px 5px 0 5px;
  padding-left:55px;
  position:relative;
  text-align:left;
  }
  div#ctr h1 + div p {
  text-indent:18px;
  }
  div#ctr h1 + div h2 + p:first-letter {
  color:#4070ae;
  font-size:200%;
  }

Here is the HTML for the section of the site

Code:

<div id="ctr">
<h1>
Title
</h1>
<div>
<div id="loginbox">
<h3>
Login Box
</h3>
<form method="post" action="mailto:#@#.com">
<h4>UserName: </h4>
<input type="text" size="20" maxlength="20" name="name" /><br />
<h4>Password: </h4>
<input type="password" size="20" maxlength="10" name="password" /><br />
<h4>Stay Logged In For:</h4>
<select name="logintime">
<option value="5">5 minutes</option>
<option value="15">15 minutes</option>
<option value="30">30 minutes</option>
<option value="45">45 minutes</option>
<option value="1hour">1 hour</option>
<option value="2hour">2 hour</option>
<option value="unlimited">unlimited</option>
</select><br />
<input type="submit" value="Login" /><a href="register.htm"><input type="button" value="Register"/></a>
</form>
</div>
<h2>
Subtitle
</h2>
<p>Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content</p>
<p>Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content, Main Content</p>
<h2>
Subtitle
</h2>
<p>More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content</p>
<p>More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content, More Main Content</p>
</div>
</div>
</div>

**chrishirst** · 12-31-2007, 04:09 PM

And the solution was?

just in case anyone else has a similar problem.

**jamest** · 12-31-2007, 04:44 PM

my browser wasn't refreshing the page right i had to exit out of firefox and then reload the page.