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;}
#lower_menu
{
margin-left:300px;
/*border-top:2px solid red;*/
float:left;
}
#lower_menu a:link {text-decoration:none;}
#lower_menu ul {float:left; margin-top:0px;}
#lower_menu li
{
list-style-type:none;
float:left;
}
</style>
</head>
<body>
<div id="title_wrapper">
<img src="logo2.gif"/>
<img src="attention.gif"/>
<img src="logo_small.gif"/>
</div>
<h1 class="myHeader">ATTENTION !!!</h1>
<div id="me"><img src="rounded_corners_me-and-my-k.jpg" /></div>
<div class="myText">
</div>
<div id="lower_menu">
<ul>
<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>
</ul>
</div>
</body>
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:
http://avirot.bravehost.com/to_forum.html
Could anyone give me an hand “unifying” ie6 and Google Chrome ?
I’ll be grateful.
Thanks