[css-d] Getting links to left align in FF

[Iorhael]

I posted about this site last night, but thanks to Holly and others I 've 
gotten most everything straightened out...the problem I have still having not 
being able to get the bottom links to align left on pages 1 and 2 in Firefox (I 
have centered them for page 3). Holly, I realize that this most likely not due 
to needing a clear condition after all since it occurs on the page 1 as well as 
the thumbs page (page 2). Though just  to be on the safe side, I did add a 
division class of clear for the bottom links on both pages. The links look fine 
in Opera and IE. I am stumped on this.

Here are the page links:

http://www.drk-writing.com/debscards/

(click the Flowers link at the bottom to get to page 2)

Here's the imported stylesheet:

#container {
   background-color: #ABE2C4;
   margin: 25px auto 25px auto;
   padding: 25px;
   width: 625px;
}

#content {   
   text-align: left;
   width: 550px;
   margin: 20px auto 20px auto;
   padding: 25px;
   border: 1px solid #0A7944;
}

#contentcenter {   
   text-align: center;
   width: 550px;
   margin: 20px;
   padding: 25px;
   border: 1px solid #0A7944;
}


/*Deb's Cards Header*/

#header {
   margin-left: -15px;
}  


/*First line and first letter*/

p:first-line {
   font-variant: small-caps;
   font-style: italic;
   font-weight: bold;
   text-transform: capitalize;
} 

.firstltr:first-letter {
   float: left;
   font-family: Georgia, 'Times New Roman', serif;
   font-size: 50px;
   font-weight: bold;
   padding: 5px 5px;
   margin-right: 5px;
   background:  url(general/batiktile.gif) repeat;
   border: 1px solid #590F81;
   color:  #DBC8F5;
}


/*home page card images*/

.imageone {
   float: left;
   border: 3px solid #590F81;
   margin: 15px 15px 15px 0;
}   

.imageone:hover {
   float: left;
   border: 3px solid #DBC8F5;
   margin: 15px 15px 15px 0;
}   

.imagetwo {
   float: right;
   border: 2px solid #590F81;
   margin: 0 0 12px 12px;
}  

.imagetwo:hover {
   float: right;
   border: 2px solid #DBC8F5;
   margin: 0 0 15px 15px;
}  


/*mother's day card zoom*/

.zoom {
 margin: 10px 0px 10px 0;
 border: 3px solid #590F81;
 display: block;
 width: 96px; /* show only thumbnail */
 height: 75px;
 background: url(images/cards/flowers/mothersday.jpg) no-repeat top left;
 }

.zoom:hover {
 margin: 10px 0px 10px 0;
    border: 2px solid #590F81;
 width: 300px; /* adjusting size to zoomed photo */
 height: 236px;
 background-position: 0 225px; /* move the image so only the big one shows */
}


/*card thumbnails*/

.thumbnail {
   float: left;
   width: 82px;
   border: 1px solid #590F81;
   margin: 0 10px 35px 0;
   padding: 4px;
   text-align: center;
   font-family: 'Comic Sans MS', sans-serif;
   font-size: 12px;
   color: #000;
} 

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 1px;
}


/*links and copyright - page 1*/ 

#nav ul {
   clear: both;
   list-style-type: none;
   text-align: left;
   margin-left: 10px; 
}  

#nav li {
   display: inline;
   padding: 0 10px 0 10px;
   border-right: 1px solid #590F81;
}  

#nav li.last  {
   border-right: none;    
}  

#nav li a:link, #nav li a:visited {

   text-align: left;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   font-variant: small-caps;
   text-transform: capitalize;
   color: #590F81;
} 

#nav li a:visited {
   color: #590F81;
   text-decoration: underline;
}   

#nav li a:hover {
   color: #0A7944;
   text-decoration: underline;
} 
 

#copyright {
   text-align: left; 
   margin: 0 0 0 20px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #590F81;
} 

#nav ul.center {
   clear: both;
   list-style-type: none;
   text-align: center;
   margin-left: 10px;
} 

#copyrightcenter {
   text-align: center; 
   margin: 0 0 0 20px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #590F81;
} 
  

/*form page*/

form {
   margin: 0;
   border: 1px solid #fff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-color: #590F81;
   color: #fff;
   line-height: 150%;
   width: 100%;
}

legend {
   font-family: Georgia, 'Times New Roman', serif;
   font-style: italic;
   font-size: 14px;
   background-color: #590F81;
   color: #fff; 
}   

fieldset {
   margin: 20px;
   padding: 10px;
   border: 1px solid #DBC8F5;
}

input, textarea, select {
   background-color: #DBC8F5;
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

input:focus, textarea:focus, select:focus {
   background-color: #ABE2C4;
   color: #590F81;
}

input[type=submit], input[type=reset] {
   margin: 15px;
   padding: 3px;
   width: 5em;
   text-align: center;
   border: 1px solid #000;
}

p.formleft {
   color: #fff;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
} 


p.formright {
   color: #fff;
   text-align: right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
}  

.center {
   text-align: center;
}

Debbie


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/