(This went to Brian only by accident! Forwarding it to the list..sorry)
Hi Brian,
In firefox, if you float an element that is not contained within another, it
is removed from the flow, kinda like absolute position.
Keep the list <div> as position:relative with no floats and the containers
will stack using the same html. This works in FF and IE (not sure about mac)
#tabbox
{
margin:0;
padding: 20px 0 50px 20px;
border: 1px #cccccc solid;
}
#tabs4
{
width:100%;
font-size:93%;
line-height: normal;
margin: 0;
padding: 0;
}
#tabs4 ul {
list-style-type:none;
margin:0;
padding:0;
}
#tabs4 li{
display:inline;
margin:0;
padding:0;
}
On 11/17/06, Brian Jones < [EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I have two divs one contains tab navigation and the other contains the
> content. I want the content div to display directly under the tabs.
> In IE6 it's displaying how I want it to...but for some reason in FF
> the tabs are showing up at the top inside the content div..
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
