HTML - Trouble With Proper Alignment Of Links

I am having HTML page which also includes css.

It works properly in firefox, but in IE the whole document is not get well aligned

What changes should i have to make to view it in any browser.

Thanks

Hi everyone. I am having a problem with a page. It is displaying fine in FF but not in IE. You can view this page at:

http://www.jalc.org/about/2008_galle...008/index.html

As you can see, when you look at this in IE it takes the image in the left column and puts it at the top and the image that is supposed to be in the right column moves over to the left. I am at a complete loss as to what might be causing this.

Any help would be greatly appreciated.

Andy

Hi,

This is my first post

I have a website that I've been building and since I've been linking the pages, it goes out of alignment until I refresh the page?

It stretches about 6cm to the left although it keeps the left margin at 200. If I click on a link then press the IE back button it uses the full left hand side of the screen.

I've not got any margins controlling the left. Would this prevent this, if there is such a thing?

Any help or advice would be greatly appreciated

hi all,
One strange issue with html <a> tags.We have XP English and Japanese machines
and issue is getting only in XP Japanese machines.

Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links.
Any idea why this happens?

Following is my JSP section
=============================

<div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; ">
<label>Screen #&nbsp;:&nbsp;</label>
<input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/>
<button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button>
&nbsp;|&nbsp;
<a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a>&nbsp;|&nbsp;
<a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a>&nbsp;|&nbsp;
<a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a>&nbsp;|&nbsp;
<a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a>&nbsp;|&nbsp;
<a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a>

</div>
===================================================
CSS Used In the page
=====================


<STYLE>
body{
margin:-1px;
scrollbar-base-color: #C6CEDE;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C6CEDE;
scrollbar-face-color: #C4CED9;
scrollbar-highlight-color: #C6CEDE;
scrollbar-shadow-color: #C6CEDE;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;

}
#footer{
position:absolute;
left:1%;
top:99%;
width:97%;
text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
color : #000000;
/*background-color:#CCCCCC; */
}
.footer{

text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
/*background-color:#CCCCCC; */
}
div.footer table{
border-collapse:collapse;
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
border: 0px;

}

div#systemMenu{
color:#ffffff;
font-weight:bold;
}
div#systemMenu button{
border-collapse:collapse;
color:#ffffff;
font-weight:bold;
font-size:12px;
border: 0px none;
background-color:1F3E6C;
width:0px;
height:0px;
}

div#systemMenu input{
/*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/
font:menu;
width : 75px;
height : 15px;
color : #000000;
text-transform : uppercase;
background : #ffffff;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
border-top-width : 0px;
border-top-style : none;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-collapse:collapse;

}

div#systemMenu label{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold; font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#systemMenu a{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold;font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#mainErrorDiv table{
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/


}

/*********************************FONT STYLES********************************/
.iCargoRedText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #336666;
font-weight : bold;
}
.iCargoSmallText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 7pt;
color : #000000;
}
.iCargoPageText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #000000;
}
.iCargoErrorMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #336666;
list-style-position : outside;
list-style-type : square;
}
.iCargoInfoMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #000000;
}
div.loadBox {
/*font-family: Arial, sans-serif; font-size:9pt;*/
font:menu;
color: #FFFFFF;
border: 0px none #FF3E3E;
background-color: #1F3E6C ;
text-align: center;
position:absolute;

}
</STYLE>