How would you solve this div riddle?

Hi there.
I try to build this website strictly with div's and css. I put one body div around everything. I put pictures 1,2,3 and 4 inside a header div and each inside it's own div. Pictures 5,6,7 and 8 are inside container and each inside it's own div. Footer is pic 9 and it has div on it's own.
Now, I managed to make 1 and 2 image look like in photoshop but img 3 and 4 I can't force into the header div.
It keeps slipping underneath the header box no matter what I do. I did my maths by the way with dimensions and check it many times. I really wander if this is possible?

Superscript within anchor tags

My webpages include several anchors that have superscripted text in the labels:

My question is relatively simple:

Is there a way (preferrably using CSS) to cause the default underlining of the superscripted text to remain in alignment with the underlining of the adjacent normal text, instead of following the superscripted text upwards the half line?

So far, using text-align:super or the HTML sup tags result in the same jog in the underline. I can supress the underline altogether, but haven't been able to figure out how to get the underline to stay on the baseline of normal text.

Questions about CSS and stylesheets


I'm not good with CSS at all but recently I created a blog where I wanted to post this:

<style type='text/css'>
img.card { height:143px; width:100px; margin:5px; border:4px solid black; }
img.foil { height:143px; width:100px; margin:5px; border:4px solid silver; }
img.pick { height:143px; width:100px; margin:5px; border:4px solid gold; }
&nbsp;&nbsp;Pack 1 pick 1:
<img src='' class='card'/>

Navigation bar image display issue

I have created the navigation bar below, but the images does not display at all. In dreamweaver they do , but in Mozilla and IE8 not. Can someone please find the errors?
Many thanks!

[#leftnav a{
height: 40px;
#leftnav a#home{
background: transparent url(images/nav/home.gif) 0 0 no-repeat center left;
#leftnav a:hover#home{
background: transparent url(images/nav/home_h.gif) 0 0 no-repeat center left;
#leftnav a#faq{
background: transparent url(images/nav/faq.gif) 0 0 no-repeat center left;
#leftnav a:hover#faq{



Syndicate content