SitePoint Sponsor

User Tag List

Results 1 to 25 of 40

Threaded View

  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation CSS Menu problem with IE all versions

    Hi everyone and thanks for your time and responses.

    So, here in this website: http://bit.ly/pOXOGe when you open it, top menu will not be in its appropriate place in IE.
    For some reason, menu looks wider than it should be. However, it works fine with other browsers.

    CSS I used for that menu is:
    Code:
    .menu {
    	margin: 13px;
    	padding-left: 0;
    	list-style: none;
    	padding-top:8em;
    }
    .menu li {
    	padding: 0;
    	height: 35px;
    	margin-right: 0;
    	list-style: none;
    	background-repeat: no-repeat;
    }
    .menu li a, .menu li a:visited {
    	display: block;
    	text-decoration: none;
    	text-indent: -9999px;
    	height: 35px;
    	background-repeat: no-repeat;
    }
    .log a {background-image: url(images/menu/log.png); width: 192px; height:35px}
    .log {background-image: url(images/menu/log.png); width: 192px; height:35px}
    .ev a {background-image: url(images/menu/ev_esas.png); width: 111px; height:35px}
    .ev  {background-image: url(images/menu/ev_ust.png);}
    .openq a {background-image: url(images/menu/sual_esas.png); width: 115px; height:35px}
    .openq  {background-image: url(images/menu/sual_ust.png);}
    .topuser a {background-image: url(images/menu/qabaq_esas.png); width: 113px; height:35px}
    .topuser {background-image: url(images/menu/qabaq_ust.png);}
    .popularq a {background-image: url(images/menu/meshur_esas.png); width: 111px; height:35px}
    .popularq  {background-image: url(images/menu/meshur_ust.png);}
    .qeydiyyat a {background-image: url(images/menu/qeyd_esas.png); width: 114px; height:35px}
    .qeydiyyat  {background-image: url(images/menu/qeyd_ust.png);}
    .haqq a {background-image: url(images/menu/haqq_esas.png);}
    .haqq {background-image: url(images/menu/haqq_ust.png); width: 116px; height:35px}
    ul.menu li a:hover {background: none;}
    .menu li {float: left;}
    .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    for the area it is staying:
    Code:
    #container{
    	margin: 0px auto;
    	text-align: center;
    	width:898px;
    
    }#header{
    	width:898px;
    	text-align: left;
    	height: 122px;
    	margin:0px auto;
    	position:relative;
    }
    Can you see the reason??
    Last edited by zap0paz; Oct 24, 2011 at 08:14. Reason: changes


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •