Date: 08/13/05 (HTML Help)    Keywords: browser, css, html, web

this has nothing to do with livejournal layout or anything... but i'm assuming that this is general HTML help and not just livejournal HTML help.

i'm having an issue with a website i'm working on. i have the title bar and menu at the top of the page in a layer. looks great in mozilla... looks like shite in IE. the bar is in the right spot, but the menu isn't... it's on the top left, like my position, top, and left settings aren't relevant. any idea how to fix this cross browser issue?

second problem is that the content of the site (ie, the text) scrolls over the bar and menu (which are set to fixed). how can i get the text to "disappear" when it hits the spot where the title bar is? i'm assuming it needs to be in a layer with a top margin set at a certain point where it will disappear, but i'm not sure what needs to be set. any ideas for that? this happens in both mozilla and IE, so if there's a cross-browser issue again, i need some ideas on how to fix it.

body {	background-color: #909CB6;
		background-image: url('topboatfinal.jpg'); 
		background-repeat: no-repeat;
		background-position: top left;
		background-attachment: fixed }

p.margin {margin-top: 180px}





	

Source: http://www.livejournal.com/community/htmlhelp/2107399.html