HTML - Firefox Issue On Horizontal Menu Display - Ie Works

I thought for sure that after all the helped I've received so far (many thanks, btw) that I'd be able to setup a horizontal menu using UL/LIs with some CSS. I've studied many other sites that use horizontal menues this way and have tried to figure 'em out but no luck so far

Here's my attempted code so far:

CSS
Code:

#headerNavMenuContainer {
	background: url('images/main_nav_bar2.gif');
	float: left;
	border: 1px solid #000;
	height: 42px;
	width: 100%;
	}
	
#headerNavMenu ul {
	font-weight: 800;
	text-align: center;
	}
	
#headerNavMenu ul a {
	border-right: 1px solid #dadada;
	color: #000;
	text-decoration: none;
	}

HTML
Code:

		<div id="headerNavMenuContainer">
			<div id="headerNavMenu">
			<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Products</a></li>
			<li><a href="#">Encyclopedia</a></li>
			<li><a href="#">Forum</a></li>
			<li><a href="#">The Truth</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Publications</a></li>
			</ul>
			</div>
		</div>

Hi folks, I have this menu (generated via menumatic), that needs to not wrap should users decrease the width of their browser too far (or if it does wrap..then I need the div to resize to fit the height properly which it currently does not).

Any tips/suggestions welcome

The website url: (click the Available Items which will show the 2nd level menu in question (located in div id='promo')
http://www.borrownet.com/


the CSS is as follows (from mm2.css):
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
text-decoration:none;
display:block;
padding: 8px 10px;
color: #000;
font: 70%/90% arial;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
margin:5;
float:left;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover,
#subMenusContainer a:hover
{
background-color:#90B557;
color:#FFF;
/* -moz-border-radius: 7px;
-webkit-border-radius: 7px;*/
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#nav li a:hover
{
background-color:#B2D281;
color:#000;

}

/*
.subMenuParentBtn{
background: url(../img/arrow_right.gif) right center no-repeat;
}


.subMenuParentBtnFocused{
background: url(../img/arrow_right_over.gif) right center no-repeat;
}


.mainMenuParentBtn{
background: url(../img/arrow_down.gif) right center no-repeat;
}


.mainMenuParentBtnFocused{
background: url(../img/arrow_down_over.gif) right center no-repeat;
}
*/
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0px 4px;
margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#90B557;
border: 2px solid #C3D46A;
top: 0px;
left:0;
z-index:8;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
display:block;
list-style:none;
position:relative;
float:left;
}

#subMenusContainer li{
list-style: none;
}

/* main menu ul or ol elment */
#nav{
display:block;
position: absolute;
list-style:none;
margin:0 0 0 0;
z-index: 5;
text-align: center;
display:block;
}

#subMenusContainer{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{ float:none; }

#nav li li a{ /* Just submenu links*/
position:relative;
float:none;
}

#nav li ul { /* second-level lists */
position: absolute;
width: 11em;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul margin-left: -1000em; }

/* lists nested under hovered list items */
#nav li:hover ul{ margin-left: 0; }
#nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;}

#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

I am working on a site with a CSS horizontal drop down menu. On my Contact Us page I added an office locations map that uses java script and links to MapsAlive.com. My menu only has one drop down category, but when testing it, the drop down stops where the office location map starts. Is there a way to make it so the menu is always on top? I am using Dreamweaver, so the menu is part of my template. Here is my code for the menu:

<div id="outside">
<ul id="navigation-1">
<li><a href="index.html" title="Home" target="_self" >Home</a>
</li>
<li><a href="" title="Services" target="_self" >Services</a>
<ul class="navigation-2">
<li><a href="air.html" title="Air" target="_self" >Air</a></li>
<li><a href="altenergy.html" title="Alternative Energy" target="_self" >Alternative Energy</a></li>
<li><a href="civil.html" title="Civil Engineering" target="_self" >Civil Engineering</a></li>
<li><a href="environmental.html" title="Environmental" target="_self" >Environmental</a></li>
<li><a href="health.html" title="Health &amp; Safety" target="_self" >Health &amp; Safety</a></li>
<li><a href="solidwaste.html" title="Solid Waste" target="_self" >Solid Waste</a></li>
</ul>
</li>
<li><a href="presentations.html" title="Presentations" target="_self" >Presentations</a>
</li>
<li><a href="aboutus.html" title="About Us" target="_self" >About Us</a>
</li>
<li><a href="careers.html" title="Careers" target="_self" >Careers</a>
</li>
<li><a href="contactus.html" title="Contact Us" target="_self" >Contact Us</a>
</li>
</ul>
</div>

Here is my code for the office locations map:

<div id="mainContent" align="center">
<link rel="stylesheet" type="text/css" href="http://tour.mapsalive.com/3854/page1.css" />
<script type="text/javascript" src="http://tour.mapsalive.com/3854/mapsalive.js"></script>
<script type="text/javascript">maClient.path="http://tour.mapsalive.com/3854/";</script>
<script type="text/javascript" src="http://tour.mapsalive.com/3854/page1.js"></script>
</div>

I have attached a screenshot of how it looks in a browser so you can see what it is doing. I would appreciate any advice from anyone who can give me direction.

Thanks,
Tatter

I have multiple buttons on my webpage, in firefox they all show up, but in ie7/8 only the first 2 show. Here is the html

HTML Code:

<table style='width:auto;'>
				<tr>
					<td>
						<INPUT type=submit id=save name=save value=Save class=btn>
					</td>
					<td>
						<INPUT type=submit id=delete name=delete value=Delete class=btn>
					</td>
					<td
						<INPUT type=submit id=clear name=clear value=Clear class=btn>
					</td>
					<td
						<INPUT type=button id=list name=list value='Shopping List' class=btn onClick='menuselected()'>
					</td>
					<td
						<INPUT type=button id=print name=print value=Print class=btn onclick="window.print()">
					</td>
				</tr>
			</table>

Obviously the css is the same for the 3rd button as the first 2 so I don't think that is an issue.

Any ideas?

Hi everyone!

I am trying to figure out what is going on here. I have this bit of code that works fine in Firefox but not in IE. The problem is that the icons appear on different lines. Just like I have a line break. Everything should appear next to each other on the same line.

Anyone know what Im missing here...

Code:

<div class="printButton">
  <a href="" target="_blank"> Document Center <img src="images/download_files_icon21x21.png" alt="Download Files" width="21" height="21" border="0" ></a>
  <a style="text-decoration: none">	&nbsp; &bull; &nbsp; </a>
  <a href="<?php echo $currentpage ?>_print.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print Page <img src="images/print_icon.gif" alt="Print" width="21" height="21" border="0" ></a>
  <a style="text-decoration: none">	&nbsp; &bull; &nbsp; </a>
  <a href="print_all.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print All <img src="images/print_all_icon.gif" alt="Print All" alt="Print All" width="21" height="21" border="0" ></a> 		
</div>

Any help would be fantastic!

Thanks!

Hi,

Below code works in Internet Explorer but not in firefox. i want the text "USA Travel Agents:" to be appeared in the center of the page. IE displays in the center but firefox displays that in the left side of the page.

someone pls correct it.

many thanks in advance.

----------------------

HTML Code:

<html>

<head>

<title>Find Travel Agents in USA.</title>

<meta name="description" content="10-15 word description of your site read by some search engines">

<meta name="keywords" content="main keywords of your site separated by commas. Read by some search engines">
<style>
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }
</style>

</head>
<body>
<br>
<table 
width="27%" border=0 bordercolor="#FF0000" >

<tr> 
<TD align = 'left' >
          
<a href = "../index.php" ><FONT face="Arial, Helvetica, sans-serif" 
            size=2><I>  <font color="#FFFFFF"><img src="BENGLIlist.BMP" alt="" width="137" height="39" /></font></I></a>
</TD></TR>


</table>

<A HREF="Top"></A>


<table align="center"  border=0 bordercolor="#FF0000" >
<b>USA Travel Agents:</b>
<tr>
<td > <A HREF="#TaxFile">NY </A></td> 
<td> <A HREF="#VA">VA </A></td> 
<td> <A HREF="#TX">TX </A></td>
<td> <A HREF="#IL">IL</A></td> 
<td> <A HREF="#FL">FL</A></td>
<td> <A HREF="#GA">GA</A></td></tr>

</table>




<table align = 'center' width = "55" border = "0" style = 'table-layout:fixed'>
<col width = 290>
<col width = 290>
<col width = 290>


                  <col align = "Top" />
                  <col align = "center" />
                  <col align = "tOP" />
                

<tr bgcolor = #00FF00>
<th>Name</th>
<th>Address</th>
<th>Contact Info</th>
</tr>

<tr></tr><tr></tr>
<tr > <TD COLSPAN = "4"><A NAME="TaxFile">  <font color = "red"> <b>New York Travel Agents</B></A> </TD>
<TD></TD>
<TD></TD></tR>

<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b> TRAVELS</b><br><br></td>
<td ALIGN = "left" valign = "top">67 Dikalob Avenue. Brooklyn.NY</td>
<td ALIGN = "left" valign = "top">Phone: 347 282 9509
<br><a href = "mailto: [email]amarabbuhas@yahoo.com[/email]" > <font color = #0000ff> [email]hasan@yahoo.com[/email]</font></a></td>
</tr>


<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b>  SERVICE</B><br><br></td>
<td ALIGN = "left" valign = "top">1887 14 Hillside Ave. NY</td>
<td ALIGN = "left" valign = "top">Phone 718 598 5121
<br><a href = "mailto: [email]TRAVELS@GMAIL.COM[/email]" > <font color = #0000ff> [email]TRAVELS@GMAIL.COM[/email]</font></a></td>
</tr>


</body>

</html>

I worked up a VERY simple site. Loads fine in firebox, but no IE. I'm at wits ends--what very simple thing am I missing?

http://jewelofgardenlakes.com/

Much thanks for any help.

-Brent

So I'm doing a website with horizontal menu that is centered. The page is 100% width, and the menu can be with or without fixed width.
The menu is fine otherwise, but the sub items are not next to each other. This is because they only align the width of their parent. However, I'd like them to be centered under their parent regardless of how many sub items there are (so ultimately they could be as wide as the whole menu, provided there were enough sub items). So in the code I now have, the 3 sub items align so that 2 are inline, and the 3rd is under them. These should be inline, stretching over the width of their parent's width.
Thanks for the help!

Code:

<body>
<div id="banner">
  <div id="centeredmenu">
    <ul>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item with Sub</a>
        <ul>
          <li><a href="#">Sub Item 1</a></li>
          <li><a href="#">Sub 2</a></li>
          <li><a href="#">Long Sub Item 3</a></li>
        </ul>
       </li>
      <li><a href="#">Menu Item 3</a></li>
     </ul>
  </div>
</div>
</body>
</html>

Code:

#banner {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
}

#centeredmenu {
	height: 55px;
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	top: 0px;
}
#centeredmenu ul {
	float:left;
	clear: both;
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	left:50%;
	text-align:center;
}
#centeredmenu li {
   width: 180px;
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu a {
   display:block;
   margin:0 0 0 0px;
   padding:0px 10px;
   background:#C03;
   color:#fff;
   text-decoration:none;
}

#centeredmenu ul ul {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 400;
}

#centeredmenu ul ul li {
	position: relative;
	width: 50%;
	z-index: 500;
}

#centeredmenu ul li a:hover {
   background: #C03;
   color: #3FF;
}

#centeredmenu ul li:hover ul{
	display: block;
}

Code:

<html>
<head>
<style type="text/css">
.maintable
{
position:fixed;
top:20px;
}
body { height: 1000px; }
</style>
</head>

<body>
<h1>This is a heading</h1>
<table class="maintable">
<tr>
<td>00001</td>
<td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td>
</tr>
</table>
<table>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td>
</tr>

</table>
</body>
</html>

If I do that this is heading , and maintable overlap in firefox.but in ie they come below each other???
why? I would like it to overlap in ie as well.

If I SCROLL in firefox, the maintable overlaps with the other table as well when table 2 becomes at position 20 px on scroll.
In ie's case, on scroll the maintable disappears and doesnt stay fixed in position 20 px.


help?

Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated!

Domain: www.drewandjess.net

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->

<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
   {
   if (top.frames['main'].document.title)
      {
      top.document.title=top.frames['main'].document.title;
      }
   }
</script>
</head>


<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->

<noframes>

<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>

</noframes>

</frameset>

</html>

Code:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
				<style>
<!--
 /* Style Definitions */
div.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
li.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
p.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
@page
	{mso-hyphenate:auto;}
--></style>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Announcements</title>
</head>

<body border="0" width="100%" height="912" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#0000FF">
	<tr>
		<td colspan="3" height="184">
		<table border="0" width="85%" cellpadding="0" height="665" cellspacing="0">
			<tr>
				<td height="144" width="98%" colspan="3" align="center" bgcolor="#0000FF">
				<img border="0" src="images/BannerGMSN.jpg" width="100%" height="144"></td>
			</tr>
			<tr>
				<td height="36" colspan="3" align="center" bordercolor="#FFFFFF">
				<p align="center">
				<font face="arial" color="#FFFFFF" size="4">
				<b><a href="index.htm" style="text-decoration: none">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="Announcements.htm" style="text-decoration: none">
				Announcements</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="Athletics&Activities.htm" style="text-decoration: none">
				Athletics &amp; Activities</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="GMSN_Information.htm" style="text-decoration: none">
				GMSN Information</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="https://www.geneva304.org/departments/curriculum_instruction/frameworksformiddleschool.asp" style="text-decoration: none">
				Curriculum</a></b> </font></td>
			</tr>
			<tr>
				<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top">
				<!--[if pub]><xml>
				<b:ColorScheme type="OplSccm" oty="92" oh="279">
  				<b:Rgecp type="OplEcp" priv="214">
   				<b:OplEcp type="OplEcp" priv="411">
    &nbsp;</b:OplEcp></b:Rgecp></b:ColorScheme><![if pub11]><xml>
 <b:Page type="OplPd" oty="67" oh="265">
  <b:PtlvOrigin type="OplPt" priv="511">
   <b:Xl>22860000</b:Xl>
   <b:Yl>22860000</b:Yl>
  </b:PtlvOrigin>
  <b:Oid priv="605">(`@`````````</b:Oid>
  <b:OhoplWebPageProps priv="90E">266</b:OhoplWebPageProps>
  <b:OhpdMaster priv="D0D">263</b:OhpdMaster>
  <b:PgtType priv="1004">5</b:PgtType>
  <b:PtlvOriginEx type="OplPt" priv="1111">
   <b:Xl>110185200</b:Xl>
   <b:Yl>110185200</b:Yl>
  </b:PtlvOriginEx>
 </b:Page>
</xml><style><!--
 /* Style Definitions */
div.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
li.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
p.MsoNormal
	{mso-style-parent:"";
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:"Times New Roman";
	font-size:10.0pt;
	color:black;
	}
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
@page
	{mso-hyphenate:auto;}
--></style>&nbsp;<![if pub11]><img border="0" src="images/viking.jpg" width="116" height="142"><br>
				<font color="#FFFFFF" face="Arial">
				<span style="font-weight: 700; background-color: #FFFFFF">
				&nbsp; </span>
				</font><br>
&nbsp;</td>
				<td width="56%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" rowspan="2" valign="top">
				<p style="margin-top: 0; margin-bottom: 0"><br>
				<span style="font-weight: 700">
				<font face="Arial" color="#0000FF" size="6">Announcements</font></span></td>
				<td width="28%" bgcolor="#FFFFFF" align="center" bordercolor="#FFFFFF" rowspan="2" valign="top">
				<p>&nbsp;</td>
			</tr>
			<tr>
				<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top" height="348">
				<div style="position: absolute; top: 591px; left: 41px; width: 104px; height: 101px; z-index: 1">
					<p style="line-height: 150%; margin-top: 6px; margin-bottom: 6px"> <a href="http://www.geneva304.org/">
				<img border="0" src="images/Announ1.jpg" width="104" height="101"></a></div>
				</td>
			</tr>
	</table>

</body>

</html>

Would anyone have any idea why the following HTML works perfectly with Firefox but not with IE:
<IMG src="http://cash2u2c.ipower.com//Photos/Map3.jpg><align=center>

(i.e. the map displays perfectly with the Firefox browser but does not display with Internet Explorer)

Thank you for your time.

See http://www.smoli.com

I just added the SmoothDivScroll (jQuery add-on) to my page to create scrolling images at the bottom.

Unfortunately as a result the table no longer resized correctly to the size of the screen, and the scrolling does not work. This only happens in Firefox, in IE8 everything works as it should.

Any idea what is wrong with my code?

Many thanks in advance,

J.

PS: Everything also works fine when previewed from within FrontPage 2k3 (the editor I use to create the page).

So my site that i am developing has hit a bit of a snag.

In firefox it looks great, however when i switch over to IE i get a big white space. I am wondering if anyone knows how i can correct this white space?

http://www.wdwcanada.com/maps.php is the link.

Thanks,

I have a page on my web site that isn't displaying correctly. I've used the same template for all the pages - but for some reason this single page won't display correctly on foxfire, but fine on IE -- you can reach the page Here:

I need the page to fit the screen display - but for some reason this page won't.


I would be greatful for any help

Thanks