division looks different in ie and firefox works... [Archive]

pritamdulam

11-15-2010, 07:20 AM

HI,
I am newbie in web development. ihave written a little code.. it works infirefox
but not in ie.. lz help..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#addressbar{
float:left;
margin:2px 0 0 0;
padding:7px;
width:739px;
background-color:#EFEFEF;
text-align:left;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
vertical-align:middle
}
* + html #addressbar{
float:left;
margin:2px 0 0 0;
padding:7px;
width:739px;
background-color:#EFEFEF;
text-align:left;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
vertical-align:middle
}
#addressbar a{
color:#595959;
text-decoration:none;
}
* + html #addressbar a{
color:#595959;
text-decoration:none;
}
#addressbar a:hover{
text-decoration:underline;
}
* + html #addressbar a:hover{
text-decoration:underline;
}
#addressbar input,#addressbar img{
float:right;
padding:0;
}
* + html #addressbar input,* + html #addressbar img{
float:right;
}
</style>
</head>

<body>
<div id="addressbar">
<p>  <a href='./'> Home </a>>> Sign Up
<img src="images/search_button.jpeg"/><input type="text"/></p>
</div>
</body>
</html>

what must be the problem...