Topic: Text Gets Hidden Outside Div

OK, working on the beginnings of an image-download page; ignore the ugliness.

I'm trying to set the header (h2) a bit left of the table, using a negative left margin. In Firefox, it's just fine, but in IE, what flows outside the containing div gets hidden.

I've tried setting the div's overflow to visible, I've tried setting z-indexes (with positioning explicitly defined, of course) to see if I could get the h2 to display on top, I've turned the test border off (knowing that turning a border on sometimes causes things to act differently), but no go.

I know I can set the h2 to relative and use left: -30px to make it work, but I'm curious what the issue is in this circumstance.

If you set the h2 element to position:relative and then you set either the height or width, it should do what you want.

h2

{

	position:relative;

	width:100%;



	margin: 30px 0 15px -30px;



	background:transparent;

	color: #3690A8;



	font-family: verdana, arial, sans-serif;

	font-size: 1.6em;

	font-weight: bold;

	letter-spacing: -1px;

}

(Edited by mobrul on 10-06-2004 15:17)

Hmm, never thought of using width: 100%.

And it's magically delicious! Thanks!