css issue with IE7

January 23, 2009

I have a CSS vertical menu for my site. everything works great in Firefox, safari, IE8, and chrome. However in IE7 it gets messed up. any help would be appreciated.

the source is at Visit My Website

the CSS is

	
.outer{
margin:0px;
padding:0px;
width: 124px;
}
#menu4 {
width: 124px;
padding:0px;
}
#menu4 ul{
margin:0px;
padding:0px;
list-style:none;
}
#menu4 li a {
height: 19px;
voice-family: "\"}\"";
voice-family: inherit;
height: 14px;
text-decoration: none;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
	}

#menu4 li a:link, #menu4 li a:visited {
color: #FFFFFF;
display: block;
background: url(graphics/menu4.gif);
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
line-height: 5px;
	}

#menu4 li a:hover {
	color: #fff;
	background: url(graphics/menu4.gif) 0 -19px;
	padding: 5px 0 0 15px;
	}

#menu4 li a:active {
	color: #fff;
	background: url(graphics/menu4.gif) 0 -38px;
	padding: 5px 0 0 15px;
	}

spooks · January 23, 2009

I havent looked, but I bet its your doctype you need something like

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">

for these unless you use a javascript 'helper'

If you change to this doctype you'll need to do mods to make osC XHTML valid.

January 23, 2009

thanks for the reply. yeah i have a doctype there that's letting it work.

apparently the problem was with the line-height: 5px

i'm not sure why, but when i removed that line, it worked, and it still works in all the other browsers.

css issue with IE7

Recommended Posts

Guest

Link to comment

Share on other sites

spooks

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Archived

Browse

Activity