Jump to content

Odd Display Issue With Firefox And Background Colors On H3 Tags


Recommended Posts

My h3 tags are displaying oddly in Firefox. Take a look at this normal screenshot:f7a0dd1b927e3f70da9aafebf4895edd.pngBut this one displays oddly:51d29cb2a689512c62df6282dd25bb03.pngNotice the small line break? Isn't that weird that the same exact code would display things differently? At first I thought it was dangling letters, like "g" or "p," but there are dangling letters in both of those examples. However, in Safari, the line break is always there, and it's larger:75f16b972fa63aa0c5d447796434c554.pngI'd like to figure out how to get rid of the link break altogether (if possible). Here is a link to the page: http://www.collegeisamovie.com/2009/02/10-...x-still-has-me/Here's all the relevant h3 CSS (that I know of):

h1, h2, h3, h4, h5, h6 {	line-height: 1.2;	color: #FFF;}h3, h4, h5, h6 {	padding: 0 10px;	font-weight: normal;	position: relative;	display: inline;}h3 {	font-size: 21px;	background: #53abd5;}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {	margin-bottom: 20px;}

In case there's something I'm missing, a link to my CSS file: http://www.collegeisamovie.com/wp-content/...ux1.4/style.cssThanks to anyone who has any idea what's going on and can help me!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...