I am putting together a page where I am using margin/padding to offset a list. It looks fine in Opera & Firefox, but it's playing havoc in IE7. Unfortunately I lack the knowledge and/or experience to figure out how to fix it. The page can be seen HERE.

The problem seems to be on line 161 (ul li {margin-right: 40px;}). It's my best guess, because of the margin, it throws off my "mid3" <div> and "right" <div> and I have no clue as to how to fix this.

If any of the experts here would be so kind as to suggest what I did wrong and how I can fix it, I would greatly appreciate it.

Many thanks

Also check your style sheet, because of this is out of wack on your site:

you might save if you are able to provide your tax accountant everything needed to prepare your taxes in an orderly manner?

And for Seniors living alone, just remembering to pay the bills becomes a chore. If you have older parents living alone and you are concerned with them and their ability to remember to pay their bills, give us a call. This alone could help you to sleep better at night. Just knowing that your parents have their bills paid on and in the correct amount can help ease some of your worries.

For a free initial consultation, call us at (724) 968-8679.




© 2007 Creative Business Solutions All Rights Reserved

Narrow the width of #mid1 by 4px to 434, and everything lines up. Of course, you need to use conditional comments to target IE. IE6 is messed up the same way.

I have to tell you, you are going at that layout the hard way using long narrow images like that for the box. You'll have trouble if the content needs to stretch beyond the length of your graphic.

I would be better to take a horizontal 'slice' of the box graphic, the width of the box plus a couple of pixels of the blue, and tile that as a background of a div holding your content. Then you put the top and bottom rounded sections on. Your page will then stretch as needed.