In all these browsers: Mozilla, Firefox, Konqueror, Opera, Netscape except
Internet Explorer the "tab" divs in my page move up the page. I don´t
understand why this happens and I would be greatful if someone could tell me
why this is happening and how to stop it. Thanks everybody
Here is the first tab:
<DIV id=gw_tabView1>
<!-- Medarc Limited -->
<DIV class=gw_aTab>
<div id="Layer1" style="position:absolute; width:460px; height:187px;
z-index:1; background-image: url(images/cursos.jpg); border: 1px none #000000;">
<cfinclude template="opening.htm">
</div>
</DIV>
The offending css:
..gw_tabPane {
BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 21px
}
..gw_aTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_ukTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_iTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif; background-image: url(images/worldmap.gif);
BACKGROUND-REPEAT: no-repeat
}
..gw_tabPane DIV {
BACKGROUND-POSITION: left bottom; PADDING-LEFT: 3px; FLOAT: left; MARGIN-LEFT:
0px; VERTICAL-ALIGN: middle; CURSOR: pointer; BOTTOM: -1px; MARGIN-RIGHT: 0px;
BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 90%
}
..gw_tabPane .tabActive {
Z-INDEX: 10; BACKGROUND-IMAGE: url(../images/tab_left_active.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .tabInactive {
Z-INDEX: 1; BACKGROUND-IMAGE: url(../images/tab_left_inactive.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .inactiveTabOver {
BACKGROUND-IMAGE: url(../images/tab_left_over.gif); MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px
}
..gw_tabPane SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left;
VERTICAL-ALIGN: top; LINE-HEIGHT: 21px; FONT-FAMILY: arial
}
..gw_tabPane .tabActive SPAN {
PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px
}
..gw_tabPane IMG {
float: left
}
Webpage:
http://216.219.94.105/index1.cfm
---------------------------------
Pinpoint customers who are looking for what you sell.
______________________________________________________________________
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/
