I have a huge problem. Everytime the mouse curse is run across my rollover buttons on the top on the page I'm build it crops the whole page down! but this only happens in IE. Within FireFox the page functions perfectly fine. It literally chops my page in half! Below is the link to the page I'm working on http://www.kcturnkey.com
This issue is occuring on all the pages using this CSS.
Below is the CSS sheet and HTML page. I'm using Dreamweaver but I don't think that should matter.
Thanks in advance!!!!!
*** Style.CSS ***
/* This Style sheet was made by aran @ studio7designs.com if you have any questions please email me or visit http://www.studio7designs.com */
body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: #999999;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
background: #ffffff url('images/turnkeybg.gif') top center repeat-x;
}
#border
{
border: 0px ;
width: 800px;
background-color: #FFFFFF;
background:url('images/turnkeybg2.gif') no-repeat;
margin: 0 auto;
}
#header
{
height: 188px;
border-bottom: 1px solid #203462;
background-image:url('images/turnkey.jpg');
}
#content
{
padding: 0.5em 1em;
max-width: 740px;
background-color: #FFFFFF;
}
#container
{
width: 770px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #203462;
}
.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}
.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}
#introduction{
float:right;
width:180px;
padding:0px 0px;
margin:20px 0 20px 20px;
background: url(images/menu.gif) no-repeat;
text-align:center;
line-height:1.5em;
color:#999999;
font-size:1.0em;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
letter-spacing:0px;
}
#introduction ul, #introduction li {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
}
#introduction a {
border-bottom: none;
color:#999999;
}
#introduction h3{
text-align: center;
position:static;
}
#introduction a:link, a:visited{
color:#999999;
}
#introduction a:hover, a:active{
color:#b8ce83;
}
/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
text-align: center;
height: 30px;
background-color: #F5FAF5;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 50px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
clear: both;
}
#footer a:link, a:visited{
color:#b8ce83;
}
#footer a:hover, a:active{
color:#cccccc;
}
a:active,
a:visited,
a:link { color: #b8ce83; text-decoration: none; }
a:hover { color: #999999; text-decoration: none; }
/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
#topmenu {
position: relative;
top: 13px;
left: 15px;
width: 770px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px;
}
#topmenu ul {
margin:0;
padding:0px 0px 0 2px;
list-style:none;
}
#topmenu li {
display:inline;
margin:0;
padding:0;
}
#topmenu a {
float:left;
background:url(images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#topmenu a span {
float:left;
display:block;
background:url(images/menuright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#203462;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {
color:#203462;
}
#topmenu a:hover {
background-position:0% -42px;
}
#topmenu a:hover span {
background-position:100% -42px;
}
/* ~~~~~~~~~ Headings ~~~~~~~~~ */
h1
{
font-size: 120%;
color: #659500;
}
h3{
color:#9aba11;
font-family:geneva,arial,sans-serif;
font-weight:normal;
text-transform:uppercase;
word-spacing:4px;
letter-spacing:3px;
font-size:0.8em;
font-weight:bold;
padding:0 2px;
margin:0;
}
/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/
.style4 {font-size: 16px}
.style5 {
font-size: 12px;
color: #CCCCCC;
***** index.html *****
TurnKey Data Communications Inc.
Welcome to TurnKey Data Communications
We are a nation wide provider of Voice, Video, and Data solutions to increase productivity, innovate, and protect your assets.
We only staff the highest caliber certified engineers to meet your technical needs. Our engineers hold the following industry recognized certifications from Cisco, Microsoft, Nortel, and Comptia:
CCIE, CCNP, CCDP, CCVP, CCNA, CCDA, CIPTOS, CIPTDS, CIPTSS, MCSE 4.0, MCSE 2003 + Messageing, A+, Network+, Linux+, NNCSE
We are dedicated to providing you a glimpse of tomorrow with today's technologies. Let us help you unlock your network's potential!
Contact us at 913-904-0314 from 8:00 AM to 8:00 PM (CST) Monday - Saturday
Emergency call-outs can be made outside of these hours for contract customers
navigation
- Home
- Voice Systems
- Video Solutions
- Data Solutions
- Web Design
- Contact Us