Jump to content

Unordered list shows differently in Firefox to IE


Spawny
 Share

Recommended Posts

test site for workHi all i'm struggling trying to get my IE and firefox browsers to show the same output. The unordered list sits just right for my buttons in IE but extends in firefox out of the container. Can anyone help?
<html><head><style type="text/css">body{ background: white; }h1 {color: red; font-size: 8pt; text-align: left; font-family: arial; margin-left: 6px;}.left{float: left;}.right{float: right;}.logo {position:absolute;background-color: white;top: 8px; left: 8px; width: 220px; height: 213px; z-index:1;padding: 0px;font-size: 10pt; color: black;text-align: left; font-family: arial;}.searchheader {position:absolute;background-color: darkkhaki;top: 38px; left: 245px; width: 282px; height: 36px; z-index:1;padding: 4px;font-size: 10pt; color: white;font-variant: small-caps;font-weight: bold;border-style: solid;border-width:1px;border-color:#000000;text-align: left; font-family: arial;}.searchbox {position: absolute;top: 74px; left: 246px; width: 279px; height: 118px; padding: 4px;font-size: 9pt; color: black;font-variant: small-caps;font-weight:bold;text-align: center; font-family: arial;background-color: ivory;}.offerheader {position:absolute;background-color: darkkhaki;top: 38px; left: 529px; width: 278px; height: 36px; z-index:1;padding: 4px;font-size: 10pt; color: white;font-variant: small-caps;font-weight: bold;border-style: solid;border-width:1px;border-color:#000000;text-align: left; font-family: arial;}.offerbox {position: absolute;top: 74px; left: 530px; width: 277px; height: 118px; padding: 4px;font-size: 10pt; color: black;text-align: left; font-family: arial;background-color: ivory;}.sidebar {position: absolute;background-color: darkkhaki;top: 225px; left: 8px; width: 91px; height: 520px;font-size: 10pt; color: white;text-align: center;border-style: solid;border-width:1px;border-color:#000000;padding: 4px;text-align: left; font-family: arial;z-index: 1;}.maintext {position: absolute;background-color: ivory;top: 225px;left: 104px; height: 520px; width: 366px;}.topbar {position: absolute;background-color: black;top: 8px; left: 172px; height: 136px; width: 624px; z-index:-1} .xerver {position: absolute;background-color: #CCCCCC;border-style: solid;border-width:1px;border-color:#000000;top: 152px; left: 696px; height: 32px; width: 80px; z-index:1}.maintextbox {position: absolute;float:left;top: 240px; left:120px; height: 520px; width: 344px;font-size: 10pt; color: black;padding: 4px;text-align: justify; font-family: arial;overflow: scroll;}.advertbar1 {position: absolute;top: 8px; left: 4px; width: 79px; height: 150px; padding: 2px;font-size: 10pt; color: white;text-align: center;font-variant: small-caps;font-weight: bold;border: none;text-align: left; font-family: arial;}.advertbar2 {position: absolute;top: 165px; left: 4px; width: 78px; height: 150px; padding: 2px;font-size: 10pt; color: white;text-align: center;font-variant: small-caps;font-weight: bold;border: none;text-align: left; font-family: arial;}.advertbar3 {position: absolute;top: 322px; left: 4px; width: 78px; height: 150px; padding: 2px;font-size: 10pt; color: white;text-align: center;font-variant: small-caps;font-weight: bold;border: none;text-align: left; font-family: arial;}.rightbackgroundbox {	position: absolute;	top: 221px;	left: 0px;	width: 810px;	height: 100%;	background-color: darkkhaki;}.testimoniallogo {	position: absolute;	top: 224px;	left: 485px;	width: 90px;	height: 45px;	padding: 2px;	font-size: 10pt;	color: black;	background-color: ivory;	text-align: left;	font-family: arial;	border: 1px solid;	border-color: black;	z-index: 1;}.testimonial {	position: absolute;	top: 224px;	left: 534px;	width: 272px;	height: 119px;	padding: 4px;	font-size: 10pt;	color: black;	border: 1px solid;	background-color: white;	text-align: left;	font-family: arial;}.testimoniallogo1 {	position: absolute;	top: 355px;	left: 485px;	width: 90px;	height: 55px;	padding: 2px;	font-size: 10pt;	color: black;	background-color: ivory;	text-align: left;	font-family: arial;	border: 1px solid;	border-color: black;	z-index: 1;}.testimonial1 {	position: absolute;	top: 355px;	left: 534px;	width: 272px;	height: 121px;	padding: 4px;	font-size: 10pt;	color: black;	border: 1px solid;	background-color: white;	text-align: left;	font-family: arial;}.testimoniallogo2 {position: absolute;top: 492px; left: 485px; width: 90px; height: 70px; padding: 2px;font-size: 10pt; color: black;background-color: ivory;border: 1px solid;border-color: black;z-index: 1;text-align: left; font-family: arial;}.testimonial2 {position: absolute;top: 492px; left: 534px; width: 274px; height: 120px; font-size: 10pt; color: black;background-color: white;padding: 4px;border: 1px solid;text-align: left; font-family: arial;}.testimoniallogo3 {	position: absolute;	top: 625px;	left: 483px;	width: 92px;	height: 75px;	padding: 2px;	font-size: 10pt;	color: black;	background-color: ivory;	border: 1px solid;	border-color: black;	text-align: left;	font-family: arial;	z-index: 1;}.testimonial3 {position: absolute;top: 625px; left: 535px; width: 274px; height: 120px; padding: 4px;font-size: 10pt; color: black;background-color: white;border: 1px solid;text-align: left; font-family: arial;}.testimoniallogo4 {position: absolute;top: 736px; left: 485px; width: 98px; height: 120px; padding: 4px;font-size: 10pt; color: black;text-align: left; font-family: arial;}.testimonial4 {position: absolute;top: 736px; left: 584px; width: 232px; height: 120px; padding: 4px;font-size: 10pt; color: black;border: 1px solid;text-align: left; font-family: arial;}ul	{	position:absolute;	float:left;	top: 190px;	left: 246px;	padding:0;	margin:0;	list-style-type:none;	z-index: 1;}a	{float: left;width: 94px;height: 30px;text-decoration: none;font-size: 8pt; color: white;font-variant: small-caps;font-weight: bold;color: white;background-color: darkkhaki;padding: 0.4em 0.6em;border: 1px solid black;}a:hover {background-color: darkolivegreen}li {display:inline}img {float:left;}</style><script language="JavaScript" type="text/JavaScript"><!--function MM_jumpMenu(targ,selObj,restore){ //v3.0  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}//--></script></head><body><div class="logo"><img src= "scsi1.gif"><h1> Spanish Computer Services and Installations S.LMadrid</h1></div><ul><li><a href="#">Services</a></li><li><a href="#">About us</a></li><li><a href="#">Clients</a></li><li><a href="#">Products</a></li><li><a href="#">Design</a></li><li><a href="#">Work for us</a></li></ul><div class="searchbox"><div class="left"></div><p><span class="left">  <select name="Bymanuf" onchange="MM_jumpMenu('parent', this, 0)">      <option>HP</option>      <option>Cisco</option>      <option>Brocade</option>      <option>Sun</option>      <option>More...</option>  </select></span></p><p>By Manufacturer</p><p><span class="left">  <select name="Searchbyproduct" onChange="MM_jumpMenu('parent', this, 0)">      <option>Router</option>      <option>Server</option>      <option>Switch</option>      <option>Network</option>      <option>Backups</option>  </select></span></p><p>By Product</p><div class="left"></div></div><div class="searchheader">search</div><div class="offerbox"><img src="animated Offers.gif"></div><div class="offerheader">Latest Offer</div><div class="rightbackgroundbox"></div><div class="testimoniallogo"><img src= "quantum.gif"></div><div class="testimonial">  <p> </p>  <p> </p>  <p>Testimonial from Quantum  </p></div><div class="testimoniallogo1"><img src= "sun1.jpg"></div><div class="testimonial1">  <p> </p>  <p> </p>  <p>Testimonial from SUN  </p></div><div class="testimoniallogo2"><img src="telef_3.jpg"></div><div class="testimonial2">  <p> </p>  <p> </p>  <p>Testimonial from Telefonica  </p></div><div class="testimoniallogo3"><img src="hp_logo.gif" width="80" height="66"></div><div class="testimonial3"><p> </p><p> </p><p>OOOOOOO Peter can you feel it in the air, Barca, Barca, Come on Barca!!!! </p></div><div class="sidebar"><div class="advertbar1"><img src="cisco%20Logo%20sm.gif" width="70" height="58"><img src="cisco_router.jpg" alt="Click here for offers" width="71" height="40">Cisco routers from €600</div><div class="advertbar2"><img src="brocade_logo.gif" width="70" height="46"><img src="brocadeswitch.jpg" alt="Click here for offers" width="70" height="46">Brocade switches from €300</div><div class="advertbar3"><img src="hp_logo_sm.gif" width="70" height="58"><img src="hpserver.jpg" alt="Click here for offers" width="71" height="71">HP Servers from €400</div></div><div class="maintext"></div><div class="maintextbox"><img src="rich_port_opt.jpg" width="108" height="83" border: solid #0000FF />If you can keep your head when all about youAre losing theirs and blaming it on you,If you can trust yourself when all men doubt youBut make allowance for their doubting too,If you can wait and not be tired by waiting,Or being lied about, don't deal in lies,Or being hated, don't give way to hating,And yet don't look too good, nor talk too wise:If you can dream--and not make dreams your master,If you can think--and not make thoughts your aim;If you can meet with Triumph and DisasterAnd treat those two impostors just the same;If you can bear to hear the truth you've spokenTwisted by knaves to make a trap for fools,Or watch the things you gave your life to, broken,And stoop and build 'em up with worn-out tools:If you can make one heap of all your winningsAnd risk it all on one turn of pitch-and-toss,And lose, and start again at your beginningsAnd never breath a word about your loss;If you can force your heart and nerve and sinewTo serve your turn long after they are gone,And so hold on when there is nothing in youExcept the Will which says to them: "Hold on!"If you can talk with crowds and keep your virtue,Or walk with kings--nor lose the common touch,If neither foes nor loving friends can hurt you;If all men count with you, but none too much,If you can fill the unforgiving minuteWith sixty seconds' worth of distance run,Yours is the Earth and everything that's in it,And--which is more--you'll be a Man, my son!</div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...