Hey Sgtmac66: I believe that I am experiencing some what the same problem you were. I am having a difficult time in creating a horizontal nav section; my tabs won't align in the box provided, it aligns to the left and outside of the box. I have positioned by tabs at every part of the nav coding section I could think of, but it still positions outside of the box and to the left. and when I go to type the next tab, it attaches to the unlined tab which I have already typed. I just cannot get the tab to align appropriately inside the boxes. I have provided both my html coding and css for any that may be able to help wit the problem I am experiencing.
Thanks!
<div class="float-r">
<ul>
<li><a href="index.html"><img src="images/m1.gif" alt="" /></a></li>
<li><a href="index-1.html"><img src="images/m2.gif" alt="" /></a></li>
<li><a href="index-2.html"><img src="images/m3.gif" alt="" /></a></li>
<li><a href="index-3.html"><img src="images/m4.gif" alt="" /></a></li>
<li><a href="index-4.html"><img src="images/m5.gif" alt="" /></a></li>
</ul>
<div class="box1">
<div class="box-left">
<div class="box-top">
<div class="box-right">
<div class="box-top-left">
<div class="box-top-right">
<div class="box-bottom-left">
<div class="box-bottom-right">
<img class="title" alt="" src='images/box1-title.gif' />
<div class="wrapper">
<form action="" id="logIn-form" enctype="multipart/form-data">
<div class="float-l">
Email adress:
<div class="form1"><input type="text" name="mail" /></div>
</div>
<div class="float-l">
Password:
<div class="form2"><input type="text" name="pass" /></div>
</div>
<div class="float-l extra"><input class="form3" type="checkbox" /> Remember me</div>
<div class="float-r"><a href="#" class="link" onclick="document.getElementById('logIn-form').submit()"><span>SIGN IN</span></a></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#header {background:url(images/header-bg.jpg) top left no-repeat; padding-top:47px;}
#header .logo {padding-left:56px; height:447px;}
#header .country {background:#1A1A1A; color:#B8C8BE; line-height:1em; padding:12px 0 0 26px; margin-left:5px;}
#header .country img {margin:2px 2px 0 0;}
#header .float-r ul {padding-bottom:42px; height:26px;}
#header .float-r li {float:left;}
#header .float-r li a {background:none; padding:0;}
#header .link-un {margin-left:9px;}
.box1 {margin-bottom:1px;}
.box2 {margin-right:1px;}
.box1, .box2 {color:#ffffff;}
.box2, .box3 {float:left;}
.box1 {background:#59A87C url(images/box1-bot.gif) bottom left repeat-x;}
.box1 .box-left {background:url(images/box1-left.gif) top left repeat-y;}
.box1 .box-top {background:url(images/box1-top.gif) top left repeat-x;}
.box1 .box-right {background:url(images/box1-right.gif) top right repeat-y;}
.box1 .box-top-left {background:url(images/box1-top-left.gif) top left no-repeat;}
.box1 .box-top-right {background:url(images/box1-top-right.gif) top right no-repeat;}
.box1 .box-bottom-left {background:url(images/box1-bot-left.gif) bottom left no-repeat; width:100%;}
.box1 .box-bottom-right {background:url(images/box1-bot-right.gif) bottom right no-repeat; padding:17px 29px 23px 29px; height:68px;}
.box2 {background:#BB040B url(images/box2-bot.gif) bottom left repeat-x; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; line-height:1em;}
.box2 .box-left {background:url(images/box2-left.gif) top left repeat-y;}
.box2 .box-top {background:url(images/box2-top.gif) top left repeat-x;}
.box2 .box-right {background:url(images/box2-right.gif) top right repeat-y;}
.box2 .box-top-left {background:url(images/box2-top-left.gif) top left no-repeat;}
.box2 .box-top-right {background:url(images/box2-top-right.gif) top right no-repeat;}
.box2 .box-bottom-left {background:url(images/box2-bot-left.gif) bottom left no-repeat;}
.box2 .box-bottom-right {background:url(images/box2-bot-right.gif) bottom right no-repeat; height:329px;}
.box2 .text {padding:22px 35px 0 33px;}
.box2 .text .inner .float-l {width:auto !important; line-height:1em; height:35px;}
.box2 .text .inner .float-l span {display:block; padding-top:4px;}
.box3 {background:#87A392 url(images/box3-bot.gif) bottom left repeat-x;}
.box3 .box-left {background:url(images/box3-left.gif) top left repeat-y;}
.box3 .box-top {background:url(images/box3-top.gif) top left repeat-x;}
.box3 .box-right {background:url(images/box3-right.gif) top right repeat-y;}
.box3 .box-top-left {background:url(images/box3-top-left.gif) top left no-repeat;}
.box3 .box-top-right {background:url(images/box3-top-right.gif) top right no-repeat;}
.box3 .box-bottom-left {background:url(images/box3-bot-left.gif) bottom left no-repeat;}
.box3 .box-bottom-right {background:url(images/box3-bot-right.gif) bottom right no-repeat; padding:22px 29px 48px 29px;}
.box3 a {cursor
ointer;}
#header .link {text-decoration:none; font-weight:bold; display:block; color:#FFFFFF; text-align:center; float:left; font-family:Tahoma, Geneva, sans-serif;}
#header .link span {display:block; padding:4px 0 5px;}
#header .box1 .link {background:#335F44 url(images/box1-button.gif) top right no-repeat; font-size:0.917em; line-height:1em;}
#header .box1 .link span {background:url(images/box1-button.gif) top left no-repeat;}
#header .box2 .link {background:#761213 url(images/box2-button.gif) top right no-repeat;}
#header .box2 .link span {background:url(images/box2-button.gif) top left no-repeat;}
#header .box1 .float-l,
#header .box1 .float-r {width:auto;}
#header .box1 .extra {padding:20px 0 0 8px;}