Hello, I have a small problem with a development page for my company. In Mozilla, the Infinite Logo appears correctly, but in IE 6 it does not.
Here's the code:
The site is here --
What is preventing IE from displaying the logo properly like Mozilla?? Any help would be greatly appreciated! BTW I am somewhat new to CSS.
Here's the code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"[URL unfurl="true"]http://www.w3.org/TR/REC-html40/strict.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Infini-Source - One Source Solut</title>
<style type="text/css" media="all">
body img {display: block;}
body{background: gray;}
div#wrap {border: 1px solid black; border-left-width: 1;
background: white url(bg.jpg) center no-repeat;
position: absolute; z-index: 100;
margin: 0 110px 0 0; padding: 0 0 1em 0px;
left: 80px; right: 80px; top: 40px;
voice-family: "\"}\"";
voice-family:inherit;
right: 0;}
div#wrap img.logo {float: left; clear: left; z-index: 15;
padding: 0; left: 5px; margin-left: -2.5em; margin-top: -2.5em;
height: 133px;}
h1 {border-top: 1px solid rgb(45%,35%,35%);
background: #C8D0DF;
margin: 0; padding: 0.125em 0.25em;
text-align: right; letter-spacing: 0.10em; border-right:
5px solid black; border-left: 1px solid black;
font-size: 120%; line-height: 1.00em;}
h2 {border-bottom: 2px solid rgb(45%,35%,35%);
background: #C8D0DF;
margin: 0; padding: 0.125em 0.25em;
text-align: right; text-transform: lowercase;
letter-spacing: 0.10em; border-right: 5px solid black; border-left: 1px solid black;
font-size: 90%; line-height: 1.00em;}
p {margin: 1em 30px 1em 85px; padding-left: 15px;}
div#menu {position: absolute; z-index: 10;
width: 7em; top: 145px; left: 30px;
margin-left: -4.5em; padding: 0 0 0.5em 2px;
border: 2px solid black; background: #DEDDEE;}
div#menu b {display: none;}
div#menu a {display: block;
color: black; background: transparent;
margin: 0; padding: 0 8px;
text-align: right; font-style: bold;
text-decoration: none;}
div#menu a:hover {background: white; color: #943;
padding-right: 4px; border-right: 5px solid #742;}
div#menutitle {background: #C0BEDE; padding: 0 0 0 1px; color: black; font-style: bold; text-align: center;}
p#footer {border-top: 1px solid gray; color: gray; text-align: center;}
</style>
</head>
<body>
<div id="wrap">
<img src="infini.gif" class="logo" alt="" width="223" height="133">
<h1>Infini-Source - One Source Solutions</h1>
<h2>816.220.2774</h2>
<p id="intro">Welcome to Infini-Source - One Source Solutions! Your premier technology solutions provider!</p>
<p id="mainpara">Infini-Source services the Kansas City Metropolitan Area, providing IT/IS Solutions and Services in the following areas: PC/Workstations, Servers, Networking, Application Development and Website Design! Contact us to find out what we can do for your business!</p>
<p id="desc">Technology is the driving force behind millions of financial transactions per second in this growing and ever changing economy. Why do we exist? Simple. We believe in our abilities to help businesses grow technologically without incurring the exuberant high costs of maintaining a independent Information Technology Department. We are the Help Desk that businesses call on a day to day basis. We are the Server Team that builds, configures, maintains and troubleshoots for companies that do not or cannot manage for themselves. We are the Network Team that enables companies, both big and small to communicate via any medium. We are the R & D Team that has the time and resources to research your problems and find a developmental solution to those problems.</p>
<div id="menu">
<div id="menutitle">Main Menu</div>
<a href="services/index.php">Services</a>
<a href="about/index.php">About</a>
<a href="contact/index.php">Contact</a>
<a href="customers/index.php">Customers</a>
</div>
<p id="footer">Infini-Source - One Source Solutions :: Copyright 2004</p>
</div>
</body>
</html>The site is here --
What is preventing IE from displaying the logo properly like Mozilla?? Any help would be greatly appreciated! BTW I am somewhat new to CSS.