Arrrghhh!  I had this all working in IE6 & 7 and Firefox.  Now it is 
broken in IE6 again!

Here is the link, http://tinyurl.com/yudm6q

On the homepage I have a small animated flash for the top logo area, and 
that page looks fine in all three browsers.  But on the rest of the 
pages I replaced the swf file with individual static images.  It is just 
a div box with a logo image and the name image and a tile in the 
background.  It is supposed to be (per the css styles ) 134px high. But 
in IE6 it is making the div 140px high.  

I can't figure out why it is doing that.  But it causes there to be a 
6px strip of the darker blue background color showing through from the 
background. It is on all the pages except home (which used the swf file).

Any ideas on how to fix this?

The logo area html is just a logo div:
<div id="logo_box">
    <img id="logo" src="../assets/images/pg_elements/logo.jpg" alt="PRA"  />
    <img id="logo_name" src="../assets/images/pg_elements/pra_name.jpg" 
alt="Progressive Rehabilitation Associates" /></div>
   

The styles are :
#logo_box{ width: 760px; margin: 0; padding: 0;
    height: 134px;
    background-color: #749ABF;
  background-image: url(../assets/images/pg_elements/top_bg.jpg);
    background-repeat: repeat-x;
/*border: 1px solid red;*/}

img#logo  { display: block; position: relative;
    top: 25px; left: 16px; margin: 0; padding: 0;}   
img#logo_name {position: relative;
    left: 117px; top:-20px;  display: block; }   

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to