I am a bit perplexed on this and would appreciate some help. Please look at
this site, www.shopthevitaminstore.com/index.php
At the top I have a div called masthead within which I placed some items.
Its essentially the header area. In that div I have an absolutely positioned
ul with an id of tabnav
Here is the css for it -
ul#tabnav {
list-style-type: none;
padding:0;
font: bold 11px verdana, arial, sans-serif;
position:absolute;
bottom:30px;
background: transparent url(../images/nav_bg.gif) 3px 1px no-repeat;
border:1px solid red;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: transparent !important;
color: #FFFFFF;
margin: 2px 3px 0 2px !important;
}
ul#tabnav a:link, ul#tabnav a:visited {
display: block;
color: #fff !important;
background-color: transparent !important;
text-decoration: none;
padding: 4px 6px;
}
ul#tabnav a:hover {
color: #f9f906 !important;
}
For some reason I can't get it to sit flush against the left side of
masthead. Can anyone tell me why? Thanks so much. Tom
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
