Jump to content

Odd Display Issue With Firefox And Background Colors On H3 Tags


mr_director

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

h1, h2, h3, h4, h5, h6 { line-height: 1.15; color: #FFF;}fixes it. The h3 is defined elsewhere in the CSS as 21px and the line height is not that tall. Why it happens only once is beyond me.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...