[mgpwr]

if you look at:

Mark Petherbridge | Sheffield, South Yorkshire based freelance website and graphic designer

you will see the first process of my design:
http://www.mgpwr.co.uk/1.1.jpg

however, look at it in IE and you'll see the problem, how do i fix this? also looking at my css have i gone about this so far with a long winded strategy?

cheers

[mgpwr]

??

[illvibe]

could it be a rogue IE margin value on your paragraph tag that you've not reset?

[pgo]

Why are you using positioning? z-index? I've never seen a page where this was less appropriate. Your page breaks on a simple text resize.

Why are you using <p>s when there are more appropriate elements? These (and their default margins, coupled with unnecessary positioning) appear to be the source of your problems.

This is overkill: <div id="small"><p>.

I might mark up this document:

<div id="mainwrap">
  <h1>Mark Petherbridge <span>Know my name, my views, my work, my life...</span></h1>
</div>

Seriously, read up on semantic HTML, use as few elements as you need (more elements = more chances to break) and brush up your CSS skills. You're using way too much markup for what you're trying to achieve.

[illvibe]

On a side note, I'd leave the absolute positioning alone. I don't think there's any need for it where you're using it.

*edit* - Peeg beat me to it. Also agree about the markup. Less is more, mgpwr!

[pgo]

Originally Posted by illvibe

On a side note, I'd leave the absolute positioning alone. I don't think there's any need for it where you're using it.

I think people who are new to CSS see "positioning" and think "oh, well, I guess I have to use that if I want to lay out elements," when nothing could be further from the truth.