Site Text Very Big In IE

Neo824 · 01-29-2008

Hello all! I am having a slight problem. I have a website, but the text is about three times the regular size in IE and about every browser except Mozilla Firefox. This problem occurs for all visitors. I do not know why...can anyone help? I will post my code below, along with my site's URL.

Endless Online Speed - Homepage <-- SITE

index.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="EO Hacks, EO, Endless Online, Game Hacks, Hacking Tools, EO Speed, EO Super Speed, SS, Hyper Speed, HS, Mega Speed, MS, Speed" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="header">
	<h1>EO<b style="color:#60B7DE">Speed</b><br />
</div>

<div id="menu">
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="downloads.html">Downloads</a></li>
	</ul>
</div>

<div id="content">
	<div id="left">
		<h2>WELCOME TO EO<b>SPEED</b></h2>
        <div id="text1">
        Welcome to the grand opening of EO<b>Speed</b>! We provide numerous hacking tools for the <a href="http://www.endless-online.com">Endless Online MMORPG</a>. Since this is a fairly new group, we've decided to keep everything simple. But as we grow, we will add many features that will improve your browsing experience. If you'd like to see the hacking tools that we have so far check out the <a href="downloads.html"><b>Downloads</b></a> section. 
        </div>
		<p></p>
		<p>&nbsp;</p>
		<p></p>
        
		<hr id="border-top" />
        
		<div id="colA">
        <div id="text1">
			<p><strong>Also, Check Out These Other Sites!</strong><br /></p>
			<ul>

				<li><a href="http://eotools.co.nr">EOTools [EXNFox]</a></li>
				<li><a href="http://www.westside-hax.us.to">WestsideHax [Westside Rep]</a></li>
				<li><a href="http://sickshot.us.to">Sickshot Productions [Sickshot]</a></li>
			</ul>
		</div>
        </div>
		<div id="colB">
			<p><strong></strong><br /></p>
			<ul>
			</ul>
		</div>
	</div>

	<div id="right">
  
		<h2>Recent Updates</h2>
        <div id="text1">
		<p><strong>[01 - 29 - 2008]</strong> MegaSpeed <Hacking Tool> <a href="archive.html">More…</a></p>        
        </div>
		</ul>
	</div>
    
</div>

<div id="footer">
<div id="text1">
	<p>&copy; Copyright 2007 - 2008 www.eospeed.us.to All Rights Reserved.</p>
    </div>
</div>

</body>

</html>

stylesheet.css

Code:

/** BASIC */

html {
font-size: 10px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #73C5E5 url(images/img01.gif) repeat-y center top;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #60B7DE;
	text-transform: uppercase;
	font-weight: bold;
}

a {
	font-weight: bold;
	color: #4773C1;
}

h2 {
	font-size: 18px;
}
a:hover {
	text-decoration: none;
	color: #73C5E5;
}

.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 5px solid #ABDCEF;
}
.text1 {
	font-size: 14px;
}

/** HEADER */

#header {
	width: 770px;
	margin: 0px auto;
	background: #FFFBFD url(images/img02.gif) repeat-x left top;
	padding: 0px;
}

#header h1 {
	margin: 0px;
	padding: 20px;
}

#header h2 {
	margin: 0px;
	font-size: 14px;
}

/** MENU */

#menu {
	width: 770px;
	margin: 0px auto;
	padding: 5px 0px 6px 0px;
	background-color: #60B7DE;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-color: #73C5E5;
}

/** CONTENT */

#content {
	width: 770px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 140%;
}

#left {
	float: left;
	width: 480px;
	padding: 0px 20px 40px 20px;
}

#right {
	float: right;
	width: 210px;
	padding: 0px 20px 40px 20px;
}

#colA {
	float: left;
	width: 230px;
	padding: 0px 20px 0px 0px;
}

#colB {
	float: right;
	width: 230px;
	padding: 0px 0px 0px 0px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 770px;
	margin: 0px auto;
	border-top: 5px solid #60B7DE;
}

#footer p {
	margin: 0px;
	padding: 20px 10px 0px 125px;
	color: #4773C1;
}

#border-top {
	border-top: 5px solid #60B7DE;
}

agentxi · 01-29-2008

internet explorer has issues inheriting properties, just specify the font-size: for all your text tags
like your h1 - h6, your p tag and anything else you need to do and that should fix it, if not let us know.

Neo824 · 01-29-2008

Thanks! It worked =]

-Reputation Raised