re alignment

I have two navigation lists. The top navigation needs to be higher up, near to the header, I have tried all I know and cannot get it to move up. Also this list does not even show in FF.
<code>
#container {position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:#e60073;}

#topnavigation ( color: #6600CC;
padding: 3px;
text-decoration: none;
background: #fff;
height: 10px;}

#topnavigation li { display: inline; }

#topnavigation a { color: #6600CC;
background: #fff;
padding: 3px;
margin: 1px;
top: -50px;
text-decoration: none;
float: right; }
</code>
<code html>
<div id="container">
<div><a href="index.html"><title>Network Arts</title><img border="0"
src="images/networkartslogo.gif" alt="image of Network Arts logo/header" width="749" height="102"></a></div>
<div id="navigation">
<br /><ol>
<li><a href="mosaic.htm">mosaic workshop</a></li>
<li><a href="screen.htm">screen printing</a></li>
<li><a href="craft.htm">creative crafts</a></li>
<li><a href="web.htm">web design</a></li>
<li><a href="gallery.htm">gallery</a></li>
<li><a href="events.htm">events</a></li></ol>
<class id="navimg"><img src="images/pheonix.jpg" alt="image of artists work - pheonix" width="110" height="145">
</div>
<div id="topnavigation">
<ol>
<li><a href="sitemap.htm">site map</a></li>
<li><a href="say.htm">your say</a></li>
<li><a href="about.htm">about</a></li>
<li><a href="referrals.htm">referrals</a></li>
<li><a href="benefits.htm">benefits</a></li>
<li><a href="contacts.htm">contacts</a></li></ol>
</div>
</code>

re alignment

nav not showing in FF

quartzy

T_Ma

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week