I want to line up two links at either side of a horizontal bar.   The html is 
as follows:

  <div  id="footer">
      <a href="core/core.html">
      main menu
      </a>
      <span class="right">web site Copyright ©
      <a href="http://www.gwelanmor-internet.co.uk"; class="newwin" 
target="_blank" title="opens in new window">
      Gwelanmor Internet 2009
      </a>
      </span>
    </div>
(class="right" just floats it to the right, of course)

and the css is:

  #footer {
   border-top :  1px solid #aaa;
   font-size : 90%;
   height : 30px;
   padding : 5px 0px;
  }

  #footer a:link { color : #930; text-decoration : none;}

  #footer a:hover { color : #F00; background : #fff; text-decoration : 
underline;}

with an IE6 conditional comment:


  #footer span{position : relative; top : -15px;}


However, whilst it solves the problem of alignment for IE, safari and Opera 
fail miserably.  I cannot find a documented method of doing this, but I'm sure 
one of you wizards have done it already?

Any help gratefully recd, as usual.

Bob



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to