First of all, I'm redesigning my website (most of the redesigning will be in the php code, not in terms of layout or looks), and I have ran into 2 minor dilemas.

Temp site address is here:
http://istsonline.com/ists4/

1. Why is there a line break between 'Main' heading the 'nav here..' in the top left box. I cannot get the source of it, I suspect it's because the image is meant to be there (the curved corners one) but is relatively placed above.

What would be an efficient way to solve this problem? Make another div around the 'nav here pal' lines, and place it relatively top:-15px; perhaps??


2. More complex I would assume.

Looking at the site in IE7 / IE6 as opposed to any half decent browser (firefox, opera, ect) the curved corver pic stuffs up on the right side.

Now, putting the image as the background of the div isn't what I want, sinse it needs to cover the borders.

Please tell me there's a way to fix this one!!!


The source is all in one place, thanks to PHP's include statements, and the stylesheet is here:
http://istsonline.com/ists4/ists.css

you need think in a variant for the first problem

you need create two divs intro of the other div content:

<div id="left_nav">
  <div id="img_hader">image top</div>
  <div> menu 1 </div> 
</div>

then you need use hacks for simpillary position in IE, Mozilla And Opera

example (css) :

div > img_hader { padding-left:1px; padding-right:1px;}

It execute in Mozilla and Opera but not in IE

This is a example but not the solution. You can to prove soon and then say me.
bye!