[Vizion]

this may be an easy fix, but here's my issue:

i have a sidebar absolutely positioned containing a dl with my navigation menu and to the right of it a relatively positioned div with my content. it all works fine except for IE6. In IE6 the links in the subnav are visible but unclickable. the same applies to the content div. i can't seem to click a link until some random distance further down on the page.

Here's my markup:

<div id="main">
	<div id="page">
		<div id="content">
			<div id="pg_bg">
				<div id="body">
					<h1>Heading 1</h1>
					<p>content</p>
				</div>
				
				<div id="sidebar">
					<dl>
						<dt>Page</dt>
						<dd><a href="#">Link</a></dd>
						<dd><a href="#">Link</a></dd>
						<dd><a href="#">Link</a></dd>
						<dd><a href="#">Link</a></dd>
						<dd><a href="#">Link</a></dd>
					</dl>
				</div>
			</div>
		</div>
		<div id="bottom"></div>
	</div>
</div>

And the corresponding CSS:

/* - Interior Pages ----------------------------------------------------------------------------------------------------------------- */
#interior			{ 	background:url(images/bg_int.jpg) repeat-x center top transparent; height:150px; }

#page				{	width:928px; margin:0 auto; }
#int #content		{	position:relative; top:-31px; background:url(images/bg_pagetop.png) no-repeat center top; z-index:6000; }
#pg_bg				{	width:918px; position:relative; top:31px; background-color:#FFF; height:auto; margin-left:5px; }
#bottom				{	position:relative; height:112px; top:-80px; background:url(images/bg_pagebot.png) no-repeat center bottom; width:928px; z-index:0; }

/* - Body Content ------------------------------------------------------------------------------------------------------------------- */
#body					{	position:relative; width:698px; margin-left:200px; padding:0 10px; }

/* - Sidebar ------------------------------------------------------------------------------------------------------------------------ */
#sidebar				{	position:absolute; width:200px; top:0; left:0; z-index:6000; }

#sidebar dl a			{	color:#004a87; }
#sidebar dl a:hover		{	color:#006; }

#sidebar dl				{	margin:35px 5px 10px 10px; }
#sidebar dl dt			{	font-family:'Lucida Grande','Lucida Sans Regular', Tahoma, Verdana, sans-serif; font-weight:bold; font-size:10.5pt; margin:0 0 5px 0; }
#sidebar dl dd			{	background:url(images/bg_dd.png) no-repeat 0px 4px transparent; padding:0 0 0 11px; margin:8px 0; }
#sidebar dl ul			{	font-size:8.25pt; }

#sidebar p				{	margin:10px; font-size:8.25pt; line-height:16px; }

[notbanksy]

Strange - I'm not experiencing any problems with this code in ie6 - can you post a live link to the page? Do you have it hosted somewhere?
Thanks

[Seth]

Yea neither am I? Can you post it live

[yaili]

I noticed you used PNG for some backgrounds. Maybe you can try this tip: http://www.cssplay.c...link_error.html

Yaili.