# CSS: Float Right - Position Issue?

**URL:** <https://forum.kirupa.com/t/css-float-right-position-issue/267324>\
**Category:** web dev\
**Created:** [July 30, 2008, 6:34pm UTC](https://forum.kirupa.com/t/css-float-right-position-issue/267324 "2008-07-30T18:34:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![drunkel](https://avatars.discourse-cdn.com/v4/letter/d/2bfe46/32.png) [@drunkel](https://forum.kirupa.com/u/drunkel)\
**Post date:** [July 30, 2008, 6:34pm UTC](https://forum.kirupa.com/t/css-float-right-position-issue/267324/1 "2008-07-30T18:34:39Z")

</div>

Having an issue aligning/floating a nav bar to the right edge of the browser. Here is a screen shot:

![](http://gonedesigns.com/misc/demo1.jpg)

here’s some code:

- {

}

html {

```
height: 100%

```

}

html \> body {

```
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;

```

}

#container {

```
margin: 0;
padding: 0;
min-width: 100% !important;

```

}

- html #container {

Here’s the CSS for the nav bar:

#nav\_area {

```
position: relative;
top: -78px;
    left: 83%;
margin: 0;
padding: 0;
/* background: #fbaa19; */
height: 30px;
width: 500px;
z-index: 200;
/* border: 1px dotted #7db407; */

```

}

#nav\_bar, ul, li {

```
display: inline-table;
list-style: none;
font: 300 10pt/18pt Helvetica, Arial, sans-serif;
color: #626262;
padding: 0 15px 0 2px;
top: -7px;
left: -35px;
position: relative;    

```

}

Any help is great. Thanks.