The page is: http://bezdredge.net/index/login As you can see, you can not type in the boxes unless you turn CSS of, or press the tab button. And when you go through to the ACP, you can not click on the links As it works with CSS off, I am assuming my CSS is stopping it: <?php session_start(); include('snews.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <?php title(); ?> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> div#container { position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; } #nav img {cursor:pointer} </style><script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script></head> <body bgcolor="#87CEEB" text="#000000" onload="MM_preloadImages('forums2.png','about2.png','contact2.png')"> <div id="container"> <div id="main1" style="position: absolute; left: 0px; top: 77px; width: 100%; height: 745px; background:url(m_111a.gif) no-repeat; height:745px" /> </div> <img src="back%201.jpg" alt="" align="top" border="0" width="1101" height="140" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 140px; z-index: 0" /> <center><img src="logo.gif" alt="" align="top" border="0" style="position: relative;top: 9px; z-index: 2" /></center><br /><br /><br /><br /><br /><br /><div id="content" align="center" style="margin-left:150px"><center><?php center(); ?></center></div> <div class="nav" style="position: absolute; left: 33px; top: 262px; width: 134px; height: 22px; z-index: 3" align="left"> <a href="http://bezdredge.net/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','home2.png',0)"><img src="home1.png" alt="home" name="home" width="134" height="22" border="0" id="home" /></a> </div> <div class="nav" style="position: absolute; left: 36px; top: 308px; width: 134px; height: 22px; z-index: 4" align="left"> <a href="http//bezdredge.net/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','about2.png',1)"><img src="about1.png" alt="About" name="about" width="134" height="22" border="0" id="about" /></a> </div> <div style="position: absolute; left: 76px; top: 312px; width: 150px; height: 16px; z-index: 5" align="left"> </div> <div class="nav" style="position: absolute; left: 36px; top: 353px; width: 134px; height: 22px; z-index: 6" align="left"> <a href="http://bezdredge.net/forums" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forums','','forums2.png',1)"><img src="forums1.png" alt="forums" name="forums" width="134" height="22" border="0" id="forums" /></a> </div> <div style="position: absolute; left: 79px; top: 357px; width: 150px; height: 16px; z-index: 7" align="left"> </div> <div class="nav" style="position: absolute; left: 36px; top: 401px; width: 134px; height: 22px; z-index: 8" align="left"> <a href="http//bezdredge.net/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','contact2.png',1)"><img src="contact1.png" alt="Contact" name="contact" width="134" height="22" border="0" id="contact" /></a> </div> <script type="text/javascript"> message = "Welcome to BezDredge^" + "We hope you enjoy your stay^" + ":D " + "Welcome to BezDredge ...^" + "^" scrollSpeed = 25 lineDelay = 1500 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } // Unhide --> scrollText(0) </script> </body> </html> Code (markup): Thanks, BP