unwanted margin to left of nab bar

Okey doke... here's a strange one for anyone whose interested:

I have a nab bar that seems to be aligned about 40px from the left of the window. But I can't figure out why its doing it! Here is a pic of it: http://tinypic.com/view.php?pic=ogxr3o&s=5

The only thing is, I really want to ensure that as you reduce the size of the window, all the buttons on the nav bar bunch up to remain on screen, as in the following pic:
http://tinypic.com/view.php?pic=2qb8a39&s=5

Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

Added Padding or soomething with IE7.. please help

Its best to just show you the issue.. if you goto the link below in Firefox and then view it in IE you see the extra white space which has been added to the Right of the right CSS column/area.. i have ripped aprt my coding for that page trying to find the issue, but in this case i just cant seem to figure it out.. any help would be appreciated..

http://www.jonclosedesigns.com/pulcinella/winelist.cfm

heres the CSS for those two columns (some of it is attempts to fix the issue.. hence some of the slop)

#WineMidTextArea {
float: right;
width: 543px;
height: 585px;

Styling Images inside Links

Hi all - this is my first post Smile

I am trying to improve my CSS, so would like to understand what's going on with a particular problem I was having on a site.
I have made a fix, but feel it's a sledgehammer approach.

Initially, the original HTML markup in question was just the series of 4 images, there was no problem.
I had a class applied to the images to style it with a border and drop-shadow and significantly, to give it some margin spacing between images.

Please Help! Trying to add a container and wrapper.

Hi,
This is my first post, am pretty new to all this. Have been banging my head against a wall trying to get a border on the outside of my center page so that when it's open on different sized screens, iPad to large monitors the center stays the same size and the outside colour stretches out to fill the empty space.
I think that the center might have to go in a container and then add a wrapper?
Have been trying all sorts of things for days and no luck.
This is where I think I have to put the container and wrapper but nothing is working for me.

* {
	padding: 0;
	margin: 0
}

Floating div doesn't reach containers height

For a moment I thought faux columns would fix this, but unfortunately that wasn't the case.

Header is red, container is purple, left floater is orange and right floater is grey.

uhohdiv.png

The problem here is that the left inner div isn't stretching all the way to the bottom. This causes the coloring to look weird, and the text in the right div to get undearneath the left div. In addition to this, for some reason there's a margin below and above the right div, as you can see some purple (wrapper div) there.

Syndicate content