html - css percentage width and height on header -

I have to put a liquid header, so I use percentages.

Prerequisite:

1) I will call it "originally" which is a compulsory link / IMG containing a divisor. It can take up to 15% in total width and resize itself depending on the browser size.

2) The rest will call "NAV" which is also a div. They also have some links and will be connected over time. As "NAV" 85% (100% width - 15% original)

3) "NAV" link increases in a certain amount, it will push it to the next line.

4) Is it better to be supported in IE 7 and up?

5) Do not use its best float

Tried the solution:
1) Sometimes HTML space mess alignment.

2) Add margin 0 and padding 0 to check it due to everything.

Q: I have a percentage header that takes the "basic" Div 15% and one "NAV" div 85% and when the "NAV" divisual link overflows, it will reach the next line ?

I like JsFiddle as the following.

You can float the div with class = "original" to Float: margin-left: 15% in div with "left" and class = "nav". Additionally, Width: 85% will be remove from the div in the class nav.

is.