div alignment probs

Hi everyone, this is my first post and its actually my first site. Im havin a consistent problem with div alignment, I have a container, and an id with a bg image. i wanted a subnav apart from my footer nav. my bg image has the section title in it ie- "content.advertising" i created a subnav and wanted to align it approx 10-15px under the section titles, which are in different places in each section so i set up 9 subnav positions ( 1 for each section) im getting about a 5-10 pixel difference in the alignment between mozilla and IE, and actually on 2 sections the alignment is pretty close in IE, but my code is the same on each page so im kinda confused as to whats wrong. im extremely new at this so pardon me if im not explaining myself in the right terminology. but maybe from my code someone can spot a problem... thanks alot, ive been reading this forum for the last week and see alot of awesome helping people.

the bit from my external css-

#container {
width:750px;
border:1px solid #000000;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;

.subnavappearance{
margin:0;
padding:0;
border-bottom:0px solid #000000;
letter-spacing:0pt;
}

.subnavappearance a{
font-family:helvetica, verdana, arial, sans-serif;
font-size:10pt;
font-weight:normal;
padding: 1px 1px;
text-decoration:none;
letter-spacing:0pt;
}

.subnavappearance a:link, .subnavappearance a:visited
{
color:#888888;
}

.subnavappearance a:hover
{
color:#cccccc;
}

#subnavposition1{
width:150px;
position:absolute;
margin-left:64px;
margin-top:385px;
padding:0px;
border:0px;
}

#advertising {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0px;
background-color: gray;
height:500px;
background: #000 url(http://clintfisherart.com/graphics/ad.jpg);
background-repeat:no-repeat;
}

my xhtml code (1.0 trans)

<?php include ("../header.inc");?>
<title>cFA advertising work</title>
<body>
<div id="container">
<div id="banner"> </div>

<div id="subnavposition1">
<div class="subnavappearance">
<a href="advertising/logo/">logo</a>
<a href="advertising/print/">print</a>
<a href="advertising/multimedia/">multimedia</a>
</div>
</div>
</div>
<div id="footer">
<?php include ("../botnav.inc");?>
</div>
</div>
</body>
</html>

TIA for any suggestions/comments

løk

div alignment probs

lokjah

auxum

lokjah

lokjah

SuzyUK

lokjah

Strange

lokjah

lokjah

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week