Hi,

I have been trying to solve this problem, but have had no luck. On the FAQ page, when you click on the answer to a question, the text is pushed left on the 3rd line and every line past that. I attached a screenshot showing the problem. I thought that the text was wrapping around the ":before", but I don't know? I couldn't fix it.

Code:
dl {
	overflow: hidden;
	margin-bottom: 10px;
}

dt, dd {
	float: left;
	width: 96.1666666667%; /* 577px / 600px */
	display: block;
	margin-left: 3.83333333333%; /* 23px / 600px */
}

dt:before, dd:before {
	font: bold 1.42857143em courier, monospace; /* 20px / 14px */
	padding: 2px 4px;
	-webkit-padding-before: 0; /* Webkit padding fix for padding-top */
	margin-right: 1.73310225303%; /* 10px / 577px */
	border-radius: 2px;
	moz-border-radius: 2px;
	margin-left: -3.83333333333%; /* 23px / 600px */
	float: left;
}

dt:before {
	content: "Q";
	background: #526466;
	color: #FBFBFB;
	margin-top: -3px; /* Makes the question in the vertical middle of "Q" */
}

dd:before {
	content: "A";
	color: #051517;
	background: #f2d13f;
	margin-bottom: auto;
}

dt {
	color: #051517;
	/*font-weight: bold;*/
	padding: 3px 0 15px;
}

dt:hover {
	color: #526466;
	cursor: pointer;
	text-decoration: underline;
}

dd {
	margin-bottom: 10px;
	color: #4d4d4d;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 7px;
}