Help...., Css navigation placement Options

[Tweeti]

Ok, i'm working on recoding my existing layout and i can't figure this out. http://myspace.com/ashleytestlayout is what i'm working on now and it has the navigation under the box, i want the links (home, add, and ect.) next to each other not all underneath each other. I want them to be lined up under the box, if that makes any sence. please help, i can't figure this out. Thanks :)

[Tweeti]

i put it in the about div..... here's what i have. it works every where else except in the main box on my myspace.

CODE

<p><style><BR>body table {margin-top:-50000px;}<BR>body td table, body div table {margin-top: 0;}<BR>table, tr, td {background-color:transparent;}<BR>body div table form{display:none;}<BR>body table div form{display:block;}<BR>.navigationbar {display:none;}<BR>.a {hide top search and shortcuts bar}<BR>div table div form {display:none !important}<BR>.bodyContent div td div div select {margin-top:-1000px;}<BR>.bodyContent div div select {width:0px !important;}<BR>.bodyContent table table div form {display:inline !important;}</P> <P>body {background-color:000000;cursor:crosshair;<BR>a:hover { cursor:crosshair;}</P> <P>background-repeat:repeat;<BR>background-attachment:scroll;<BR>background-position:top left;<BR>scrollbar-face-color:ffffff;<BR>scrollbar-track-color:ffffff;<BR>scrollbar-arrow-color:b58845;<BR>scrollbar-highlight-color:ffffff;<BR>scrollbar-3dlight-color:ffffff;<BR>scrollbar-shadow-color:ffffff;<BR>scrollbar-darkshadow-color:ffffff;}</P> <P>a.nava, a.nava:link, a.nava:active, a.nava:visited <BR>{width:200%px; <BR>margin:0px; <BR>margin-top:0px; <BR>margin-bottom:0px; <BR>padding-right:0px; <BR>padding-left:0px; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:12px; <BR>font-weight:bold; <BR>color: white; <BR>letter-spacing: 1px; <BR>text-decoration: none;<BR>text-transform: uppercase; <BR>text-align:; <BR>}</P> <P>a.nava:hover <BR>{width:100%px; <BR>font-family:arial;<BR>font-size:12px;<BR>font-weight: bold; <BR>color: b58845; <BR>letter-spacing: 3px;<BR>text-decoration:none; <BR>text-transform:uppercase;<BR>cursor:crosshair;}</P> <P>a.navc, a.navc:link, a.navc:active, a.navc:visited <BR>{width:200%px; <BR>margin:0px; <BR>margin-top:0px; <BR>margin-bottom:0px; <BR>padding-right:0px; <BR>padding-left:0px; <BR>display:inline; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:11px; <BR>font-weight: normal; <BR>color: FFFFFF; <BR>letter-spacing: 0px; <BR>text-decoration: none;<BR>text-transform: lowercase;}</P> <P>a.navc:hover <BR>{width:200%px; <BR>display:inline; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:11px; <BR>font-weight:normal; <BR>color: FFFFFF; <BR>letter-spacing: 0px; <BR>text-decoration: none; <BR>text-transform:lowercase; <BR>cursor:crosshair;}</P> <P>.about <BR>{background-color:transparent;<BR>border-top:0px solid;<BR>border-right:0px solid;<BR>border-left:0px solid; <BR>border-bottom:0px solid;<BR>border-color:000000;<BR>width:427px;<BR>height:320px;<BR>position:absolute;<BR>overflow:auto;<BR>top:230px;<BR>left:385px;<BR>font-family:microsoft sans serif;<BR>color:b58845;<BR>text-align:left;<BR>font-size:11px;<BR>line-height:11px;<BR>text-decoration:none;<BR>font-weight:normal;<BR>letter-spacing:0px;<BR>a:link, a:visited {color:ffffff;}<BR>a:hover, a:active {color:b58845;}<BR>scrollbar-face-color:647A19;<BR>scrollbar-arrow-color:b58845;<BR>scrollbar-track-color:647A19;<BR>scrollbar-shadow-color:647A19;<BR>scrollbar-highlight-color:647A19;<BR>scrollbar-3dlight-color:647A19;<BR>scrollbar-darkshadow-color:647A19;<BR>filter:chroma(color=647A19);}</P> <P>.copy {<BR>top:100px;<BR>left:20px;<BR>position:absolute;<BR>overflow:auto;<BR>height:40px;<BR>width:300px;<BR>font-family:arial;<BR>font-size:9px;<BR>color:ffffff;}</P> <P>.nav <BR>{height:76px;<BR>width:430px;<BR>top:560px;<BR>left:410px;<BR>position:absolute;<BR>overflow:auto;<BR>}</P> <P>h1 {font-family:arial black;<BR>font-size:25px;<BR>letter-spacing:0px;<BR>line-height:15px;<BR>text-transform:uppercase;<BR>text-decoration:none;<BR>display:inline;<BR>color:666666;<BR>text-decoration:none;}</P> <P><BR>.layout<BR>{height:589px; <BR>width:800px; <BR>top:100px; <BR>left:294px; <BR>position:absolute;<BR>overflow:auto;}<BR></style>

//edit for some reason it but <br> all over the place. those aren't really in my code

Reason for edit: Please use codeboxes!