Link to home
Create AccountLog in
Avatar of elliottbenzle
elliottbenzle

asked on

CSS spacing problem

I just added two small tabs to the top of my page, In Chrome and Firefox they look fine. But in IE 7 the button are missing the spacing in between them. The button are at the top of this page: http://cmr.osu.edu/ (user login)

Does anyone know how to fix this? or what is causing the problem? Thanks
CSS
  /*User menu*/



.top-panel{

    width:980px;

    margin:auto;}



.user-menu{

    text-align:left;

    width:980px;

    margin:auto;}



.user-menu ul{

    margin-right:30px;}



.user-menu ul li{

    float:right;

    height: 26px;

}



.user-menu ul li a{

    padding-right:10px;

    font-size:14px;

    text-transform:uppercase;

    }



.item74 {

    background:url(../../../images/top_tab.png) no-repeat;

    width:118px;

    padding-left: 20px;

}



.item63 {

    background:url(../../../images/top_tab_lng.png) no-repeat;

    width:118px;

    padding-left: 24px;

}





HTML

<div class="top-row">
	<div class="top-bg">
        	<div class="user-menu">	
           		<ul class="menu"><li class="item74"><a href="/index.php/register"><span>Register</span></a></li><li class="item63"><a href="/index.php/user-area"><span>user login</span></a></li></ul>
           	</div>
    </div>
 </div>

Open in new window

Avatar of Paul MacDonald
Paul MacDonald
Flag of United States of America image

They look okay in IE8.  I know that doesn't help, just sayin'.
ASKER CERTIFIED SOLUTION
Avatar of mattibutt
mattibutt
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
There's a misplaced <html> start tag at the very beginning of that page which is forcing IE into "quirks mode". Fixing that error should correct the spacing.
HTML ERRORS TO FIX

Result: 0 errors / 9 warnings

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 5 column 1 - Warning: <!DOCTYPE> isn't allowed after elements
line 6 column 1 - Warning: discarding unexpected <html>
line 7 column 1 - Warning: discarding unexpected <head>
line 26 column 1 - Warning: <script> inserting "type" attribute
line 210 column 1 - Warning: <script> inserting "type" attribute
line 214 column 1 - Warning: <script> inserting "type" attribute
line 145 column 5 - Warning: trimming empty <div>
line 139 column 1 - Warning: <form> id and name attribute value mismatch
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like XHTML 1.0 Transitional
Avatar of elliottbenzle
elliottbenzle

ASKER

Thanks, that did it.