ie6 shows my page differently than Google Chrome

Hi everyone,
This is my page’s code:

<style type="text/css">
  * {margin:0;padding:0;} 
  #title_wrapper {width:1005px; overflow:hidden}
  img {float:left;padding:4px;}
  #me {width:780px;margin-left:110px;float:left;}
  h1.myHeader {color:#900; margin-left:400px; margin-top:-50px;}
    /*border-top:2px solid red;*/
  #lower_menu a:link {text-decoration:none;}
  #lower_menu ul {float:left; margin-top:0px;} 
  #lower_menu li 


  <div id="title_wrapper">
    <img src="logo2.gif"/>
    <img src="attention.gif"/>
    <img src="logo_small.gif"/>
  <h1 class="myHeader">ATTENTION !!!</h1> 
  <div id="me"><img src="rounded_corners_me-and-my-k.jpg" /></div>
  <div class="myText">
<div id="lower_menu">
      <li><a href="#"><img src="previous_outer.jpg" /> </a></li>
      <li><a href="#"><img src="home.jpg" /></a></li>
      <li><a href="#"><img src="next_outer.jpg" /></a></li>

Attached is image 1 showing what it looks using Google Chrome and image2 when ie6 is used. Using ie6, 3 image links are surounded wityh a border. Why? Why cant i see my elements in the same order as with “Google Chrome”?
This page is located at:
Could anyone give me an hand “unifying” ie6 and Google Chrome ?
I’ll be grateful.

Hi, I haven’t even looked at the site but I notice you are running into the double float margin bug here :slight_smile:

 #me {width:780px;margin-left:110px;float:left;}

You give a horizontal margin the same direction as the float (left margin, left float)

IE6 will double that margin. It needs to get “display:inline;” :slight_smile:

That “double float” is somethin new to me but you solving problems is very familiar . I’ll try to understand my mistake.
Thank you so much !

It wasn’t your mistake, per say, it was just IE6 being IE6 lol :slight_smile:

You’re welcome :).

Thanks for the link. Thanks for everything…:slight_smile: