IE6 ignoring "height" CSS attribute?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I've got a pair of images to give a rounded-edge look to some of my blocks
of texts. messageBarTop.gif is 723px wide by 9px tall, and
messageBarCenter.gif is 723px wide by 5 px tall. Here's the HTML code I'm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" ">
<html xmlns=" ">
.messageBarTop {
 background:  url(img/messageBarTop.gif) no-repeat;
 width: 723px;
 height: 9px;
 margin: 0;
 border: 0;
 padding: 0;
 float: top;
.messageBarCenter {
 background: url(img/messageBarCenter.gif) top left repeat;
 width: 713px;
 padding: 0 5px 0 5px;
 margin: 0;

      <div class="messageBarTop"></div>
      <div class="messageBarCenter">System is unavailable. Please try at a
later time.</div>

This seems to work fine in Firefox, but in IE6, there's a big white gap
between the .messageBarTop div and the .messageBarCenter div. If I set the
height of messageBarTop to 0px, Firefox correctly doesn't display the
messageBarTop.gif image at all, whereas IE displays it with the identical
big white gap, leading me to believe that IE6 is ignoring that my
specified height alltogether.

What can I do to get rid of the gap in IE6?

    - Oliver

Re: IE6 ignoring "height" CSS attribute?

Oliver Wong wrote:
Quoted text here. Click to load it


float: left | right | none | inherit there is no top.

Take care,


Re: IE6 ignoring "height" CSS attribute?

Oliver Wong wrote:
Quoted text here. Click to load it

Without seeing your images, it's difficult to suggest a solution. Still,
you don't actually need the height property to get this to work.


<div class="box">


.box {
   width: 300px;
   background: url(bottom.gif) no-repeat left bottom;

.box h2 {
   background: url(top.gif) no-repeat left top;

Then add padding to the nested elements as needed.

Re: IE6 ignoring "height" CSS attribute?

Quoted text here. Click to load it

    Thanks, aligning the background to the bottom fixed it.

    - Oliver

Site Timeline