Problems with Display and Text

IE7 Issues

[nyreejones]

I have exported a fireworks layout into dreamweaver, which has cut the image into pieces of a table (I made the images background images). It is important to use tables for this, as it was a special request from management.

There is one large cell across the top, and underneath it are two colums - one large one for the body of the content that cover the center and right of the page, and one on the left split into about 5 rows. The left side of the page is a blocked section for left navigation, with each cell in the table on the left side a different major category. There is a large space within each cell for me to align typed subtopics. The CSS for the left navigation cells are all a variation of the following, with the top margin being the only difference between them all:

#Topic1{
margin-top: 30px;
margin-left:5px;
position:fixed}

The text formatting on the CSS for these boxes are as follows:
.navigationlinks{
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#E7E7E7;
}

a.navigationlinks{
text-decoration:none;
font:Arial, Helvetica, sans-serif;
color:#E7E7E7;
display:block;
padding-bottom:.50em
}

a.navigationlinks:hover{
font:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF0000}

The HTML code for the boxes are as follows:

<td style="background-repeat:off; vertical-align:top" background="images/Topic1.gif" width="188" height="65" border="0" >
<div id="Topic1"><a class="navigationlinks" href="Thispage.htm" target="_blank">Topic1</a></div></td>

The problem is this: In IE6, the content inside the boxes shift when I try to add something to the main content cell of the page. I added the position:fixed to the CSS to stop that from happening, but now in IE7, the text in those boxes shift down with the scrolling, while the boxes themselves do not move. This error does not happen in IE6.

Also, the font inside the boxes is changing to some other font from Aerial when I look at the page online, but not in the split dreamweaver pane.

I have been fighting with this silliness for two days. Help!

Thanks,
Ny

[swa66]

It is important to use tables for this, as it was a special request from management.

Seems you're doomed from before the start.

IE6 and IE7 should get their fixes in conditional comments. But start irst in any other browser. so that you rely less on the bugs in IE. IE 8 should be standards compliant (I'll believe it after it's released), so it might be important even if you don;t care for those not using IE.